JavaScript——原型修改、重写

一、原型修改与重写

function Person(name) {
    this.name = name
}
// 修改原型
Person.prototype.getName = function() {}
var p = new Person('hello')
console.log(p.__proto__ === Person.prototype) // true
console.log(p.__proto__ === p.constructor.prototype) // true
// 重写原型
Person.prototype = {
    getName: function() {}
}
var p = new Person('hello')
console.log(p.__proto__ === Person.prototype)        // true
console.log(p.__proto__ === p.constructor.prototype) // false

可以看到修改原型的时候p的构造函数不是指向Person了，因为直接给Person的原型对象直接用对象赋值时，它的构造函数指向的了根构造函数Object，所以这时候p.constructor === Object ，而不是p.constructor === Person。要想成立，就要用constructor指回来：

Person.prototype = {
    getName: function() {}
}
var p = new Person('hello')
p.constructor = Person
console.log(p.__proto__ === Person.prototype)        // true
console.log(p.__proto__ === p.constructor.prototype) // true

二、总结：

在每个实例对象中，都有一个[[prototype]]指针指向实例对象的构造函数的原型；每个构造函数中都有一个prototype的指针指向该构造函数的原型；而原型则有一个constructor指针，指向他的构造函数。

原型修改：

创建的实例对象会继承构造函数的原型，实例的指针的指向不会发生变化；

原型重写：

会将构造函数的prototype原型指针从之前的原型指向一个新的原型对象；

 “实例中的指针仅指向原型，而不是指向构造函数”。
 “重写原型对象切断了现有原型与任何之前已经存在的对象实例之间的关系；它们引用的仍然是最初的原型”。