1.什么是原型链:当访问一个对象的某个属性时,会先在这个对象本身属性上查找,如果没有找到,则会通过它的__proto__隐式属性,找到它的构造函数的原型对象,如果还没有找到就会再在其构造函数的prototype的__proto__中查找,这样一层一层向上查找就会形成一个链式结构,我们称为原型链。
1、__proto__
每个通过构造函数创建出来的实例对象,其本身有个属性__proto__,这个属性会指向该实例对象的构造函数的原型对象。
__proto__并不是语言本身的特性,这是各大厂商具体实现时添加的私有属性,虽然目前很多现代浏览器的 JS 引擎中都提供了这个私有属性,但依旧不建议在生产中使用该属性,避免对环境产生依赖。生产环境中,我们可以使用 Object.getPrototypeOf 方法来获取实例对象的原型,然后再来为原型添加方法/属性。
// 构造函数 function Preson(name, age) { this.name = name; this.age = age; } // Person的构造函数的原型方法say Preson.prototype.say = function (word) { console.log(`${this.name}说:${word}`); } const p1 = new Preson('张三', 18); // 创建一个Person实例对象 const p2 = new Preson('李四', 20); // 新创建一个Proson实例对象 p1.say('hello world'); // 调用公共方法 console.log(p1.hasOwnProperty('say')); // false p1.__proto__.do = function () { console.log('往原型对象中添加方法'); } p2.do(); // 打印出往原型对象中添加方法
2.原型链的尽头:创建了一个A的构造函数,打印出它的prototype属性,我盟可以再浏览器中看到,它有个__proto__属性指向了一个Object对象。
原型链就是Prototype,他里面有很多方法,
该对象的构造函数为function Object,由此可以得到,所有的原型对象的__proto__属性都是指向function Object的原型对象。而function Object的原型对象在上图中我们可以得知是不存在__proto__这个属性的,它指向了null,我们就得知了原型链的尽头是null。