码迷,mamicode.com
首页 > 其他好文 > 详细

原型链

时间:2016-09-09 13:24:58      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:



// ECMAScript将原型链作为继承的主要方法,其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。

// 构造函数、原型和实例的关系:每个构造函数都有一个原型对象,原型对象对象都有一个指向构造函数的指针,
// 而实例都包含一个指向原型对象的内部指针

function SuperType(){
this.property=true;
}
SuperType.prototype.getSuperValue=function(){
return this.property;
}
function SubType(){
this.subproperty=false;
}
// 继承了SuperType
SubType.prototype=new SuperType();

//又在SubType.prototype中添加了一个方法。
SubType.prototype.getSubValue=function(){
return this.subproperty;
}

var instance=new SubType();
console.log(instance.getSuperValue()); // true

// 以上代码是定义了2个类型:SuperType()和SubType(),每个类型分别有一个属性和方法。2者的区别是SubType继承了
// SuperType。通过创建SuperType实例并将该实例赋给SubType.prototype。原来存在于SuperType中所有的属性和方法
// 也都存在于SubType.prototype中了。在确立了这种继承关系后,又在SubType.prototype中添加了一个方法。

1.别忘记默认的原型

所有引用类型默认都继承了Object,这个继承也是通过原型链实现的
大家要记住,所有函数的默认原型都是Object的实例,因此默认原型都会包含一个内部指针,指向Object.prototype
SubType继承了SuperType,而SuperType继承了Object,当调用instance.toString()时,实际上调用的是
保存在Object.prototype中的那个方法
注:实际上,不是SubType的constructor属性被重写了,而是SubType的原型指向了另一个对象---SuperType的原型
而这个原型对象的constructor属性指向的是SuperType。


2.确定原型和实例的关系

有两种方法确定原型和实例的关系
第一种方法是使用instanceof操作符,只要用这个操作符来测试实例与原型链中出现过的构造函数,结果就会返回true.

console.log(instance instanceof Object); // true
console.log(instance instanceof SuperType); // true
console.log(instance instanceof SubType); // true

第二种方法是使用isPrototypeOf()方法,同样,只要是原型链中出现过的原型,都可以说是该原型链所派生的实例的原型

console.log(Object.prototype.isPrototypeOf(instance)); // true
console.log(SuperType.prototype.isPrototypeOf(instance)); // true
console.log(SubType.prototype.isPrototypeOf(instance)); // true

3.







原型链

标签:

原文地址:http://www.cnblogs.com/liululu/p/5856157.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!