Can JavaScript constructor return function and keep inheritance?

后端 未结 4 975
滥情空心
滥情空心 2021-01-01 17:56
function F() {
    return function() {
        return {};
    }
}

var f = new F();
f instanceof F; // returns false

As far as I understand, if I w

4条回答
  •  旧巷少年郎
    2021-01-01 18:23

    To anyone coming across this today, with ES6/2015 there's new syntax you can use to avoid the deprecated __proto__ property; Object.setPrototypeOf. Note that MDN warns that this is a slow/expensive operation.

    function F() {
        const f = function() {
            return {};
        }
        Object.setPrototypeOf(f, F.prototype);
        return f;
    }
    
    var f = new F();
    f instanceof F; // returns true
    f(); // returns {}
    

    Note also that it gets a little weird if you want to initialize values in the constructor. You need to set them as props on the function you will return, but later additions to the prototype will reference them as 'this'. e.g.

    function F() {
        const f = function() {
            return {};
        }
        f.favoriteBand = 'The Books';
        Object.setPrototypeOf(f, F.prototype);
        return f;
    }
    F.prototype.getFavoriteBand = function(){ return this.favoriteBand; }
    
    var f = new F();
    f.getFavoriteBand() // returns 'The Books'
    

提交回复
热议问题