码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript的继承

时间:2016-11-15 00:15:00      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:简化   定义   构造函数   问题   比较   javascrip   call   cto   this   

原型继承的实现

1 简化版本

function SuperClass(){...}

function SubClass(){...}

SubClass.prototype=new SuperClass();

SubClass.prototype.constructor=SubClass;

注意:该方法大多数情况下是正确的,但有时会出现问题。如当function SuperClass(name){this.name=name.toUpperCase();},在调用new SuperClass()时会出错。

 

2 比较通用的一个原型继承的实现

//该函数的child不继承parent的自定义属性
function
inherite(child,parent){ var F=function(){}; //F与parent共享一个原型 F.prototype=parent.prototype; //child的原型为F的实例 child.prototype=new F(); child.prototype.constructor=child; } function SuperClass(name){ this.name=name; } function SubClass(name,age){ SuperClass.call(this,name); this.age=age; } inherate(SubClass,SuperClass);

好处:避免创建一个父类(SuperClass)的实例,以及避免了一些父类构造函数的副作用

 

3  干净的原型继承

function SuperClass(){}

function SubClass(){}

SubClass.prototype=Object.create(SuperClass.prototype);

SubClass.prototype.constructor=SubClass;

 注意:Object.create()方法只有部分浏览器支持

JavaScript的继承

标签:简化   定义   构造函数   问题   比较   javascrip   call   cto   this   

原文地址:http://www.cnblogs.com/wan2/p/6063370.html

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