5分钟理解原型原型链

什么是原型

首先创建一个构造函数

function User(){

}

基于User创建一个对象

const user = new User()

js中规定了以下几点

• 每个函数都会有prototype属性
• User.prototype是一个对象可以对其进行赋值，User.prototype.name = ‘jack’
• User.prototype是通过构造函数创建对象实例的原型，即user的原型是User.prototype，即user.__proto__===User.prototype，也可以通过Object.getPrototypeOf(user) === User.prototype获得
• user会继承（委托）它的原型上的属性和方法即user.name === ‘jack’

实例可以通过__proto__，构造函数通过prototype可以指向实例原型，实例原型怎么指向实例和构造函数？

因为实例有多个所以原型不能指向实例。

原型可以指向构造函数即：user.__proto__.constructor === User.prototype.constructor === User
因为user会继承（委托）它的原型上的属性 user.constructor === User

实例与原型的关系

当读取实例属性时，如果找不到，就会去查找原型上是否有该属性，如果原型上没有，就会查找原型的原型是否有该属性，一直查找到最上层，如下所示：

function User(){

}

User.prototype.name = ‘jack’

const user = new User()

user.name = ‘xiaoming’;

console.log(user.name) // xiaoming

delete user.name;

console.log(user.name) // jack

小结

函数都会有prototype属性,函数的prototype属性值是一个对象，是该函数实例的原型

对象原型通过__proto__指向构造函数的prototype

对象实例会继承（委托）原型上的属性和方法

原型可以通过constructor指向构造函数

原型的原型

在前面，我们已经了解了原型是构造函数的ptototype，它是一个对象，js中对象是通过new Object()创建然后去赋值的，即初始创建：User.prototype = new Object()

所以对象的原型User.prototype最终都会指向Object.prototype

user.__proto__ === User.prototype

User.prototype.__proto__=== Object.prototype

所以user会继承Object.prototype的所有属性和方法

例如：user.toString，user.valueOf，user.constructor等方法

所以__proto__属性是来自Object

而Object.prototype的原型指向null

Object.prototype.__proto__=== null

函数的原型

js中函数都是通过new Function()创建的，函数也是对象，所以函数也有原型 ，指向Function.prototype，即

User.__proto__=== Function.prototype

Function.__proto__=== Function.prototype

Object也是一个函数

Object.__proto__=== Function.prototype

Function.prototype是一个对象

Function.prototype.__proto__ === Object.prototype

Object.__proto__.__proto__ === Object.prototype

函数的构造函数都指向Function,即

User.constructor === User.__proto__.constructor === Function.prototype.constructor === Function

User.constructor === Function

Object.constructor === Function

Function.constructor === Function

图示

总结

• 原型：每一个 js对象在创建的时候就会关联一个原型对象，null除外，每一个对象都会从原型继承（委托）属性，即拥有其prototype 的所有属性和方法。
• 原型链：实例，原型，构造函数相互关联形成的链条就是原型链。