欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javascript中的__proto__和prototype详解

程序员文章站 2022-06-30 10:11:56
在js中,数据(或者说对象)有5种类型,number,string,boolean,function和object。我理解为只有这5种,像date,array等,并不是一种数据类型...

在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