Question

在这种情况下

var A = function(){
    this.d = 123;
}
A.prototype.c = 999;
A.prototype.d = 333;
var B = (new A()).constructor;

console.log(""+B);

console.log(new A().d); // 123
console.log(new B().d); // 123
console.log(new A().c); // 999
console.log(Object.getPrototypeOf(new B()).c); // 999 why?

A和B共享相同的构造函数但是B不是A，为什么A的原型相同？

在这种情况下

var A = function(){
    this.d = 123;
}
A.prototype.c = 999;
A.prototype.d = 333;
var B = A.constructor;

console.log(""+B);

console.log(new A().d); // 123
console.log(new B().d); // undefined
console.log(B.d); // still undefined
console.log(new A().c); // 999
console.log(Object.getPrototypeOf(new B()).c); // undefined

B是A的构造函数而不是他的实例

什么是B？如何访问A的构造函数而没有A的实例？

Answer 1

当您致电new A()时，您会创建一个原型为A的新A.prototype对象。当您要求 (new A()).constructor 时，您正在从该constructor个实例的原型链中访问A属性;这将是A.prototype.constructor。

A本身就是Function个对象。也就是说：A是Function的一个实例。当您要求 A.constructor 时，您正在从该constructor个实例的原型链中访问Function属性;这将是Function.prototype.constructor。

在第一种情况下，B和A是对完全相同的函数的引用。我们完全期望new A()和new B()的结果具有相同的属性和相同的原型链。

在你的第二个例子中，B是Function构造函数 - 即构造函数的函数。调用new B()会创建一个新的Function对象。因此，new B()的结果与A实例没有相同的属性。

Answer 2

要说明差异，您可能需要查看A以及new A()是什么：

c = new A(); // This is an instance of A. The constructor property is A.
console.log(c.constructor) // function() { this.d = 123; }
console.log(new c.constructor()) // Creates another instance of A.
console.log(Object.getPrototypeOf(new c.constructor())) // A {c: 999, d: 333}

var c = A; // This is a function. The constructor property is a base Function.
console.log(c.constructor) // function Function() { [native code] }
console.log(new c.constructor()) // Creates instance of base Function.
console.log(Object.getPrototypeOf(new c.constructor())) // function Empty() {}

如果您的自定义构造函数（new）上没有A运算符，则表示您没有创建A的实例。

有关new运营商的更多信息：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new

Answer 3

尽管它已经回答了，但我没有看到它明确表示B是A（哎呀，它已故的错过了apsillers提到它）：

var A = function(){};
var B = (new A()).constructor;
console.log(B===A,B===A.prototype.constructor
  ,A.prototype.constructor ===A);//true true true
//Something.prototype.constructor is a circular reference as constructor
//references Something
console.log(A.prototype.constructor.prototype.constructor.prototype
  .constructor.prototype.constructor === A);//true

构造函数附带原型并设置为构造函数但您可以覆盖它（通常在继承时完成，因此您通常会在继承后看到它被修复）

Child.prototype=Parent.prototype;
//Child.prototype.constructor now incorrectly refers to Parent
console.log(Child.prototype.constructor===Parent);//true
//repair constructor
Child.prototype.constructor=Child;

有关继承，构造函数和原型here的更多信息。

由于所有对象都有原型（除非使用Object.create（null）创建），因此所有对象都有一个指向创建它们的函数的构造函数属性：

console.log([].constructor===Array);
var arr = new [].constructor(1,2,3);//same as new Array(1,2,3)
console.log(arr);//[1,2,3]
//the following temporarily casts the string to String
console.log("hello".constructor===String);//true
//same with numbers
console.log(1..constructor===Number);//true
console.log(function(){}.constructor === Function);//true

功能混淆的构造函数

3 个答案: