一句话理解原型和原型链
原型
- 每个对象都有
__proto__
属性 - 每个函数都有
prototype
原型 - 由于函数也是对象,所以函数都有这两个属性
原型链
- 每个对象的
__proto__
都指向它构造函数的原型(prototype
) - 每个函数对象的
__proto__
都指向Function.prototype
用一句话概括原型和原型链
每个对象都有__proto__
属性,该属性都指向它构造函数的原型(prototype
),每个函数都有prototype
原型,而函数也是对象,所以函数都包含这两个属性,且所有函数对象的__proto__
都指向Function.prototype
原型链:从实例对象中查找某一属性和方法的时候,如果实例对象本身就有查找的属性和方法,则使用该实例的,如果该实例对象上没有,则会沿着原型链(实例对象的私有属性__proto__
)进行查找,直到Object.prototype._prototype = null,如果还没查找到,则返回undefined
每个实例对象( object )都有一个私有属性(称之为 proto )指向它的构造函数的原型对象(prototype )。该原型对象也有一个自己的原型对象( proto ) ,层层向上直到一个对象的原型对象为 null。根据定义,null 没有原型,并作为这个原型链中的最后一个环节。
代码实例说明如下:
function Person() {};
function Child() {};
var person = new Person();
console.log(person.prototype); // undefined
// 解析:实例对象没有原型(prototype)属性
Person.prototype.constructor === Person; // true
// 解析:构造函数原型对象的constructor指向构造函数
// child原型继承person类
Child.prototype = person;
// 需要重新设置Child.prototype.constructor = Child
// Child.prototype.constructor = Child;
Child.prototype.__proto__ === Person.prototype; // true
Child.prototype.constructor === Child; // false
// 解析:此处为false的原因是因为前面那行Child.prototype = person代码重写了Child构造函数的原型,如需满足Child.prototype.constructor === Child为true,则需要重新设置Child.prototype.constructor = Child
var child = new Child();
child.__proto__ === Child.prototype; // true
person.__proto__ === Person.prototype; // true
Person.prototype.__proto__ === Object.prototype; // true
// 原型链
child.__proto__ === Child.prototype; // true
Child.prototype.__proto__ === Person.prototype; // true
Person.prototype.__proto__ === Object.prototype; // true
Object.prototype.__proto__ === null;
// 需要特别注意Function和Object之间的关系
Function.prototype.__proto__ === Object.prototype; // true
// 解析:Function.prototype原型对象其实也是Object构造函数的一个实例对象(每个对象的__proto__都指向它构造函数的原型(prototype))
Child.__proto__ === Function.prototype; // true
Person.__proto__ === Function.prototype; // true
Object.__proto__ === Function.prototype; // true
Function.__proto__ === Function.prototype; // true
// 解析:构造函数(函数对象)的__proto__都指向Function.prototype
Function.__proto__ === Object.__proto__; // true
// 解析:由于Object.__proto__ === Function.prototype和Function.__proto__ === Function.prototype都为true,所以Function.__proto__ === Object.__proto_也为true,说明它们引用地址也相同
本文由mdnice多平台发布