JavaScript原型和原型链详解

一、原型

①所有 引用类型 都有一个 __proto__（隐式原型）属性，属性值是一个普通的对象
②所有 函数 都有一个 prototype（原型）属性，属性值是一个普通的对象
③所有 引用类型的 __proto__ 属性 指向 它的 构造函数的prototype

var a = [1,2,3]
a.__proto__ === Array.prototype; // => true

二、原型链

当访问一个对象的某个属性时，会先在这个对象本身属性上查找，如果没有找到，则会去它的 __proto__隐式原型上查找，即它的构造函数的 prototype，如果还没有找到就会再在构造函数的prototype的__proto__中查找，这样一层一层向上查找就会形成一个链式结构，我们称为原型链。

举例，有如下代码

function Parent(month) {
	this.month = month;
}

var child = new Parent('Ann');

console.log(child.month); // Ann

console.log(child.father); // undefined

在child中查找某个属性时，会执行下面步骤：

访问链路为：

①一直往上层查找，直到查找到null还没有找到，则返回undefined
②Object.protype.\_\_proto\_\_ === null
③所有从原型或更高级原型中的得到、执行的方法，其中this在执行时，指向当前这个触发事件执行的对象

web前端面试题汇总