JavaScript原型到原型链

原型

每个js对象在创建时都会与之关联一个对象，这个对象我们称为原型，每个对象都会继承原型上的属性

prototype

每个函数都会有一个prototype属性。函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型。

例：

构造函数

function Person () {

}

Person.prototype.name = 'test1'

let p1 = new Person()

console.log(p1.name) // test1

__proto__

每一个js对象（除null）具有的属性，这个属性指向该对象的原型

例：

function Person () {

}

let p1 = new Person()

console.log(p1.__proto__ === Person.prototype) // true

constructor

每个原型都有一个constructor属性，指向关联的构造函数

例：

function Person () {

}

let p1 = new Person()

console.log(Person === Person.prototype.constructor) // true

补充

当获取 p1.constructor 时，其实 p1 中并没有 constructor 属性,当不能读取到constructor 属性时，会从 p1 的原型也就是 Person.prototype 中读取，正好原型中有该属性，则：

p1.constructor === Person.prototype.constructor

例：

function Person () {

}

let p1 = new Person()

console.log(Person === p1.constructor) // true

实例与原型

当读取实例的属性时，找不到该属性，会查找与对象关联的原型属性，如果还查不到，会继续查原型的原型，直到查到最顶层为止。

例：

function Person () {

}

let p1 = new Person()

Person.prototype.name = 'test1'

p1.name = 'test2'

console.log(p1.name) // test2

delete p1.name

console.log(p1.name) // test1

注解：当我们删除了 p1的 name 属性时，读取 p1.name，从 p1对象中找不到 name 属性就会从 p1的原型也就是 person.__proto__ ，也就是 Person.prototype中查找，如果从 p1的原型，继续从原型的原型上找，最顶层还找不到，则为空。

以上为学习笔记总结。

学习链接：https://segmentfault.com/a/1190000008959943