在JavaScript中,你利用构造函数创建多个对象时,这多个对象的[[Prototype]]属性指向的将会是同一个对象,这个被关联的对象就是构造函数.prototype。正是因为他们指向的是同一个对象,所以这些对象之间并不会完全失去联系,他们之间是相互关联的。
1.构造函数的prototype属性和[[Prototype]]是一样的吗?
答:并不是一样的。我们知道对象的[[Prototype]]属性是一个内建属性,它是不能访问得到的。而对于函数的prototype属性来说,它却是可以被访问得到。函数的[[Prototype]]指向的是Function.prototype。下面可以看一个例子:
function foo(){}
console.log(foo.prototype)//foo {}
console.log(Object.getPrototypeOf(foo) === foo.prototype)//false
console.log(Object.getPrototypeOf(foo) === Function.prototype)//true
2.构造函数创建的对象的[[Prototype]]和构造函数的关系
答:构造函数创建的对象的[[Prototype]]属性指向的就是构造函数的prototype。下面看一个例子:
function foo(){}
var obj = new foo()
console.log(Object.getPrototypeOf(obj) === foo.prototype)//true
事实是,new foo()这个函数调用实际上并没有直接为创建出来的对象创建某些关联,这个关联只是一个副作用。new foo()只是间接完成了我们的目标:一个关联到其他对象的新对象——构造函数创建的新对象的[[Prototype]]属性被关联到构造函数的prototype上。