首页 > 代码库 > JS继承之原型继承
JS继承之原型继承
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
function SuperType(){ this.property=true;}SuperType.prototype.getSuperValue=http://www.mamicode.com/function(){ return this.property;}function SubType(){ this.subproperty=false;}SubType.prototype=new SuperType(); |
|
1
|
SubType.prototype.getSubValue=http://www.mamicode.com/function(){<br> return this.property;<br> } |
|
1
|
var instance=new SubType(); |
|
1
|
instance.getSuperValue(); //true; |
例子中的实例及构造函数和原型之间的关系图：
在例子代码中，定义了两个对象，subType和superType。
两个对象之间实现了继承，而这种继承方式是通过创建SuperType的实例并将该实例赋给subType.prototype实现的。实现的本质就是重写了原型对象。
这样subType.prototype中就会存在一个指针指向superType的原型对象。也就是说，存在superType的实例中的属性和方法现在都存在于subType.prototype中了。这样继承了之后，又可以为subType添加新的方法和属性。
要注意，这个指针（[[prototype]]）默认情况下是不可以再被外部访问的,估计是会被一些内部方法使用的，例如用for...in来遍历原型链上可以被枚举的属性的时候，就需要通过这个指针找到当前对象所继承的对象。不过，Firefox、Safari和Chrome在每个对象上都支持一个属性__proto__。
原型继承需要注意的一些问题
1.别忘记默认的类型
我们知道，所有的引用类型都继承了Object，而这个继承也是通过原型链实现的。所以所有的对象都拥有Object具有的一些默认的方法。如
：hasOwnProperty()、propertyIsEnumerable()、toLocaleString()、toString()和valueOf()。
2. 确定原型和实例的关系
可以通过两种方式来确定原型和实例之间的关系。
①使用instanceof 操作符，只要用这个操作符来测试实例与原型链中出现过的构造函数，结果就会返回true。
②第二种方式是使用isPrototypeOf()方法。同样，只要是原型链中出现过的原型，都可以说是该原型链所派生的实例的原型，因此isPrototypeOf()方法也会返回true。
例子：
alert(instance instanceof Object); //true
alert(instance instanceof SuperType); //true
alert(instance instanceof SubType); //true
alert(Object.prototype.isPrototypeOf(instance)); //true
alert(SuperType.prototype.isPrototypeOf(instance)); //true
alert(SubType.prototype.isPrototypeOf(instance)); //true
③子类要在继承后定义新方法
因为，原型继承是实质上是重写原型对象。所以，如果在继承前就在子类的prototype上定义一些方法和属性。那么继承的时候，子类的这些属性和方法将会被覆盖。
如图：
④不能使用对象字面量创建原型方法
这个的原理跟第三点的实际上是一样的。当你使用对象字面量创建原型方法重写原型的时候，实质上相当于重写了原型链，所以原来的原型链就被切断了。
⑤注意父类包含引用类型的情况
如图：
这个例子中的SuperType 构造函数定义了一个colors 属性，该属性包含一个数组（引用类型值）。SuperType 的每个实例都会有各自包含自己数组的colors 属性。当SubType 通过原型链继承了SuperType 之后，SubType.prototype 就变成了SuperType 的一个实例，因此它也拥有了一个它自己的colors 属性——就跟专门创建了一个SubType.prototype.colors 属性一样。但结果是什么呢？结果是SubType 的所有实例都会共享这一个colors 属性。而我们对instance1.colors 的修改能够通过instance2.colors 反映出来。也就是说，这样的修改会影响各个实例。
原型继承的缺点(问题)
①最明显的就是上述第⑤点，有引用类型的时候，各个实例对该引用的操作会影响其他实例。
②没有办法在不影响所有对象实例的情况下，给超类型的构造函数传递参数。
有鉴于此，实践中很少会单独使用原型继承。
最近要回顾一下原生js的一些重要的基础知识点，秋招秋招。。。
转载自：http://www.cnblogs.com/LuckyWinty/
JS继承之原型继承