深入理解JS原型与原型链

函数的prototype

1.函数的prototype属性

*每个函数都有一个prototype属性，它默认指向一个Object空对象(即称为原型对 象)

• 原型对象中都有一个属性constructor，它指向函数对象。

2.给原型对象添加属性(一般是方法)

• 作用： 函数的所有实例对象自动拥有原型中的属性(方法)

显式原型与隐式原型

1. 每个函数function都有一个prototype，即显式原型(属性)

2. 每个实例对象都有一个__proto__,可称为隐式原型(属性)

3. 对象隐式原型的值为其对应构造函数的显式原型的值
   

4.内存结构图

5.总结：

• 函数的prototype属性：在定义函数时自动添加，默认值是一个空Object对象

• 对象的__proto__属性： 创建对象时自动添加的，默认值为构造函数的prototype属性值

• 程序员能直接操作显示原型，但不能直接操作隐式原型(ES6之前)

原型链

• 访问一个对象的属性时，

• 先在自身属性中查找，找到返回

• 如果没有，再沿着__proto__这条链向上查找，找到返回

• 如果最终没找到，返回undefined

• 别名：隐式原型链

• 作用：查找对象的属性(方法) ps:查找变量的属性用 作用域链

1.原型链（图解）

2.构造函数/原型/实体对象的关系（图解）

function Foo(){ }的本质是 var Foo = new Function()

而 Function = new Funtion()

(只有这样 它自身的显式原型和隐式原型才是相等的 别的函数没有这个特点)

实例对象的隐式原型属性=构造函数的显式原型属性

所有函数的隐式原型__proto__都应该相等。都等于Function.prototype

• 因为所有函数都是new Function() 产生的。

3.构造函数/原型/实体对象的关系2（图解）

原型链补充

1. 函数的显式原型指向的对象默认是空Object实例对象(但Object不满足)

2.所有函数都是Function的实例(包含Funtion)

原型链 属性问题

1.(隐式)原型链是(对象)用来查找属性值的

*读取对象的属性时：会自动到原型链中查找

2.设置对象的属性值时，不会查找原型链，直接添加此属性并设置值。

3.方法一般定义在原型中，属性一般通过构造函数定义在对象身上。