JavaScript原型链详解 javascript

原型链原型链：关于构造函数，构造函数的原型对象以及构造函数的实例，三者之间的关系可以用下图来表示：

文章图片

由上图可知构造函数可以通过 prototype 属性指向原型对象，原型对象也可以通过 constructor 属性指向构造函数，如果这个原型对象是另一个构造函数的实例，那就意味着这个原型本身有一个内部指针指向另一个原型，这样实例和原型对象之间就构造了原型链。
【JavaScript原型链详解】原型链结构图

文章图片

函数在原型链中的结构图

文章图片

成员查找机制当我们使用一个对象的属性和方法时查找顺序如下：

会先在自身中寻找，自身中如果有则直接使用。
如果没有则去原型对象中寻找，如果原型对象有则使用。
如果没有则去原型的原型中寻找，直到找到Object对象的原型
Objcet对象的原型没有原型，如果在Object依然没有找到，则返回undefined。

继承原型链主要反应的是一种继承关系

function Father(){}; Father.prototype.money = function(){ // 通过原型对象对Father添加一个函数money console.log(1000000); }; function Son(){}; Son.prototype = new Father(); // 将父类的实例对象作为子类的原型对象 Son.prototype.constructor = Son; // 将原型对象的constructor属性指向Son构造函数 new Son().money()// 继承了构造函数Father的方法 Son.prototype.exam = function(){ // 给子类的原型对象添加一个exam函数 console.log('Son的1000000'); }; new Son().exam(); console.log(Father.prototype.exam); // 父类的原型对象中没有exam 所有输出的是undefined