javascript中的__proto__和prototype详解
在js中,数据(或者说对象)有5种类型,number,string,boolean,function和object。我理解为只有这5种,像date,array等,并不是一种数据类型,从 typeof new date()可以看到,这是object类型,其他的也一样。null和undefined是两个特殊的值,也不是一种数据类型。任何一种类型的对象(也就是数据,此处说对象更合适),都有一个属性__proto__(原型),这个属性是用来指出,该对象的额外的属性和方法(非自定义的)是从谁身上继承过来的,是一个object类型,指向对象的构造函数(constructor)的prototype。每一种类型的对象都有一个对应的构造函数,分别是number,string,boolean,function,object。举个例子:
var num = 123;num 是number类型,那么,num.__proto__ === number.prototype,表示num从number.prototype继承了一些属性和方法。prototype又是什么东西呢?
prototype是function类型的对象所特有的一个属性,表示以该构造函数(就是一个普通的function对象,只是调用方式不一样)来构造对象时,新构造出来的对象从谁身上继承属性和方法。每个构造函数的prototype,都是用该构造函数构造出来的一个对象,是一个object。(注意:构造函数构造出来的对象都是object,而不是构造函数所对应的类型,有一个例外,function构造出来的类型是function,不是object)。
构造函数本身,就是一个function对象,所以constructor.__proto__ === function.prototype。function也是一个构造函数,所以function.__proto__ === function.prototype。
从上面的叙述可以看出,obj.__proto__ === object.prototype,而object.prototype也是一个对象,也有__proto__属性,由此形成了原型链obj.__proto__.__proto__...。而object.prototype.__proto__ === null,所以,原型链的根就是object.prototype。
instanceof 就是根据原型链来判断的,if(obj.__proto__.__proto__... == constructor.prototype) obj instanceof constructor === true