¿Por qué usar object.prototype.constructor en OOP javascript?

Question

recientemente he empezado a leer sobre programación orientada a objetos JavaScript y una cosa que los autores parecen pasar por alto es cuando un objeto A ha sido declarado y de repente veo "A.prototype.constructor = A; Por ejemplo,

var A = function(){}; // This is the constructor of "A" 
A.prototype.constructor = A; 
A.prototype.value = 1; 
A.prototype.test = function() { alert(this.value); } 
var a = new A(); // create an instance of A 
alert(a.value); // => 1 

Así que ejecute el comando en firebug "var a = function() {};". y luego "A.Constructor" que revela que es una función que entienden esto
funciono con el código "A.prototype.. constructor = A; "y pensé que esto cambia el constructor A de Function a A.

La propiedad del constructor de A ha sido chan Ged ¿verdad? En cambio, cuando ejecuto "A.constructor", me da la función() todavía.

¿Cuál es el punto?

También veo A.constructor.prototype.constructor.prototype .. ¿qué está pasando?

Answer 1

Si A hereda B usando A.prototype = new B();, es necesario restablecer la propiedad constructor de la clase A usando A.prototype.constructor=A;, de lo contrario las instancias de un tendrían un constructor de B.

En su caso, A.prototype.constructor === A volverá cierto, por lo A.prototype.constructor = A no hizo nada.

Answer 2

Puede probar rápidamente que esa asignación adicional no hace absolutamente nada:

var A = function() {}; 
A.prototype.constructor === A; // true -- why assign then? 

Restablecimiento de la propiedad constructor sólo tiene sentido si ha asignado un nuevo objeto prototipo de la clase, el constructor sobrescribir el original:

var A = function() {}; 
A.prototype = protoObject; // some object with members that you'd like to inherit 
A.prototype.constructor = A; // reset constructor 

En su caso, el autor podría estar haciendo ciegamente esto como una buena práctica, incluso en los casos en que no sea necesario.

Answer 3

Este código si utiliza a menudo en un patrón de herencia clásica JS (el código es de Patrones de JavaScript por Stoyan Stefanov):

function inherit(C, P) { 
    var F = function() {}; 
    F.prototype = P.prototype; 
    C.prototype = new F(); 
    C.uber = P.prototype; 
    C.prototype.constructor = C; 
} 

para asignar el constructor derecho de la clase hija.

En su caso, no hizo nada, ya que A.prototype.constructor === A antes de la asignación.

Answer 4

Es posible que desee ver mi respuesta a la pregunta similar:

https://stackoverflow.com/a/19616652/207661

TL; DR: el constructor no es una propiedad de una instancia. Para que todo se vea coherente, el intérprete de JavaScript necesita configurar prototype.constructor para funcionar. Esta característica se puede usar en funciones que operan genéricamente en muchos tipos diferentes de objetos.

Answer 5

Según MDN, todos los objetos heredan una propiedad constructor de su prototipo:

Example 1: 
var o = {}; 
o.constructor === Object; // true 

..

Example2: 
function Tree() { 
}  
var theTree = new Tree(); 
console.log(theTree.constructor === Tree); // true 

En tiempo de ejecución, no hace ninguna diferencia en función del valor de la propiedad del constructor.

Sin embargo, como la propiedad del constructor devuelve una referencia a la función Object que creó el prototipo de la instancia, se debe restablecer la propiedad del constructor cuando asigne un nuevo prototipo a la función Object.

var Forest = function() {}; 
Forest.prototype = theTree; 
console.log(new Forest().constructor === Tree); // true 
Forest.prototype.constructor = Forest; 
console.log(new Forest().constructor === Forest); // true 

https://jsfiddle.net/j1ub9sap/

Para más detalles: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor