¿Puede el constructor de JavaScript devolver la función y mantener la herencia?

Question

function F() { 
    return function() { 
     return {}; 
    } 
} 

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

Por lo que entiendo, si quiero que instanceof funcione, tengo que devolver this del constructor. Pero quiero que el constructor devuelva una función y no puedo asignarlo al this.

Entonces, ¿esto es realmente imposible o se puede hacer de alguna manera, para f = new F() devolver una función y todavía f instanceof F para devolver cierto?

Answer 1

function F() { 
    var r = function() { 
     return {}; 
    }; 

    r.__proto__ = this.__proto__; 
    return r; 
} 

var f = new F(); 
f instanceof F; 
true 
f(); 
Object 

sólo funciona en los navegadores con __proto__

Answer 2

En ti, tu ejemplo F no es un constructor, es una función que devuelve un constructor anónimo al que llamas como nuevo. instanceof funciona al observar la cadena de prototipos, por lo que su código no funciona porque no ha configurado los prototipos correctamente.

Este page tiene una buena explicación de los constructores de JavaScript y la clase de subclase.

Eche un vistazo al siguiente código y vea si ayuda.

function F() { 
    this.whoami = 'F'; 
    this.whatami = 'F'; 

} 

function Sub() { 
this.whoami = 'G'; 
} 

Sub.prototype = new F(); 

function G() { 
    return new Sub; 
} 

var f = new G(); 
console.log(f instanceof F); // returns false 
console.log(f.whoami); 
console.log(f.whatami); 
​ 

Answer 3

Se podría, por supuesto, realizar todas las funciones parecen ser instanceof F estableciendo F.prototype = Function.prototype;.

Desafortunadamente, parece que ECMAScript no permite crear una subclase de funciones.

Sin embargo, puede hacerlo en Gecko utilizando el obsoleto __proto__ propiedad:

function F() { 
    function f() { 
     return {}; 
    } 
    f.__proto__ = F.prototype; 
    return f; 
} 
F.prototype.__proto__ = F.__proto__; 

Answer 4

Para cualquiera que venga a través de este hoy, con ES6/2015 hay una nueva sintaxis que se puede utilizar para evitar la __proto__ propiedad en desuso; Object.setPrototypeOf. Tenga en cuenta que MDN warns que esta es una operación lenta/costosa.

function F() { 
    const f = function() { 
     return {}; 
    } 
    Object.setPrototypeOf(f, F.prototype); 
    return f; 
} 

var f = new F(); 
f instanceof F; // returns true 
f(); // returns {} 

Tenga en cuenta también que se pone un poco raro si desea inicializar valores en el constructor. Debes configurarlos como accesorios en la función que devolverás, pero las adiciones posteriores al prototipo los referirán como 'esto'. p.ej.

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'