九:原型链本质论
最后更新于:2022-04-01 20:32:09
每个类都有一个prototype静态属性,该属性包含了一个标识该类的一个对象,称为原型对象。原型对象定义了部分内部属性,并包含了部分基类属性,Javascript解释引擎可知该类的基类;同时基类也有相同的构成,因而又可以推知基类的基类,这样的链条就称为原型链。原型链的尽头是Object的原型对象,其prototype属性值是null。
## 一、内部属性
1、Prototype属性:表示该类的父类的原型对象,除了IE之外,都可以用__proto__属性访问。每个JS内建类的Pro头type属性值是Object,因为都是直接继承Object。注意与prototype属性的首字母区别。
2、Class属性:表示类名,是一个字符串。ECMA-262标准第5版规定的所有内建Javascript类的Class属性值:
“Arguments”,"Array","Boolean","Date","Error"."Function","JSON","Math","Number","Object"."RegExp"."String"
例如内建类Array的原型对象定义:
~~~
{
Prototype:Object的原型对象,
Class:"Array"
}
~~~
## 二 、__proto__和prototype的区别
1、prototype是静态属性,__proto__是一个实例属性,前者是类的原型对象,后者表示原型对象的内部属性Prototype属性值。
2、每个实例都有一个__proto__属性,用于引用创建它的构造方法的prototype属性,即原型对象,如(new Array(“abc”)).__proto__ === Array.prototype返回true
3、__proto__有同名的静态属性__proto__,也返回原型对象。但是Array.__proto__ == Array.prototype返回FALSE,一般不推荐使用静态的__proto__。
## 三、检查原型链
1、查看对象是否在指定对象的原型链中:类名.prototype.isPrototypeOf(obj)-->obj是要检查的实例对象,若存在原型链中则返回TRUE,反之返回FALSE
2、查看指定对象是否定义了特定属性和方法:obj.hasOwnProperty(propName)--->obj是实例对象,但是该方法无法访问原型链中的方法和属性,可以用原型代替
~~~
var a = new Array();
alert(a.hasOwnProperty("join")); //false
alert(Array.prototype.hasOwnProperty("join")); //true
~~~
在 Array的原型中有join方法,以上是不同方式访问的结果。使用hasOwnProperty方法时,属性和方法必须对象本身定义的成员,所以该方法可以过滤原型链中继承的方法和属性
3、检查指定对象是否定义了特定属性且可以枚举:obj.propertyIsEnumerable(propName).自定义的属性可以枚举,内置属性不可以枚举,如Array的length属性。改方法不检查原型链。
';