JS原型链——学习笔记

1.对应名称（个人理解）

prototype  叫做原型

__proto__  隐式原型（相当于一个连接）

2.从属关系

1prototype是ES6中所有函数都默认拥有的一个属性，其本质是一个对象obj{}
2__proto__ 是ES6中所有对象都默认自带的一个属性，其本质也是一个对象obj{}
3每个对象的__proto__属性都指向(全等于)该对象构造函数的prototype属性

function Test(){
    this.name = "张三"
}

test1 = new Test();

console.log(test1.__proto__ === Test.prototype);//true

 4.因为prototype也是一个对象，所以它也有__proto__属性，并且prototype的__proto__指向Object的prototype；

就是说：

（一）所有的对象全都是由Object函数 构造的。所以所有函数的原型（prototype） 的隐式原型（__proto__）都指向Object的原型

3.ES6中的函数和对象

ES6中的函数和对象没有严格的区分，对象是由构造函数构造的，而构造函数也是一个对象

我们上面定义的Test（）{...}实际上是由顶层构造函数Function（）构造的实例

2.ES6中的所有定义函数都是由Function（）构造的实例，包括Object也是由Function构造的

/*
function Test(){
    
}
上面定义的函数，原理上等同于下面:
*/
const Test = new Function()

console.log(Test.__proto__ === Function.prototype);//true
console.log(Object.__proto__ === Function.prototype)//true

注意：在ES6中，规定 ：

Function.__proto__ === Function.prototype

Object.__proto__ === Function.prototype

4.原型的继承关系

调用一个实例中的属性时，优先从自己的属性中找，若自己的属性中没有，则顺着链找自己原型中的属性，一直找到Object上原型的属性，若没有则返回null