面向对象三种方法实现继承的优缺点,及改进
2017-05-17 21:08
204 查看
function Shape() {} function Rect() {} // 方法1 Rect.prototype = new Shape(); // 方法2 Rect.prototype = Shape.prototype; // 方法3 Rect.prototype = Object.create(Shape.prototype); Rect.prototype.area = function () { // do something };
方法1:
优点:正确设置原型链实现继承
优点:父类实例属性得到继承,原型链查找效率提高,也能为一些属性提供合理的默认值
缺点:父类实例属性为引用类型时,不恰当地修改会导致所有子类被修改
缺点:创建父类实例作为子类原型时,可能无法确定构造函数需要的合理参数,这样提供的参数继承给子类没有实际意义,当子类需要这些参数时应该在构造函数中进行初始化和设置
总结:继承应该是继承方法而不是属性,为子类设置父类实例属性应该是通过在子类构造函数中调用父类构造函数进行初始化
方法2:
优点:正确设置原型链实现继承
缺点:父类构造函数原型与子类相同。修改子类原型添加方法会修改父类
方法3:
优点:正确设置原型链且避免方法1.2中的缺点
缺点:ES5方法需要注意兼容性
改进:
所有三种方法应该在子类构造函数中调用父类构造函数实现实例属性初始化
function Rect() { Shape.call(this); }
用新创建的对象替代子类默认原型,设置
Rect.prototype.constructor = Rect;
保证一致性
第三种方法的polyfill:
function create(obj) { if (Object.create) { return Object.create(obj); } function f() {}; f.prototype = obj; return new f(); }
相关文章推荐
- JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
- JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
- JS面向对象(3) -- Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
- JS面向对象的继承三种方法:原型继承,原型冒充继承,复制继承
- javaScript面向对象继承方法经典实现
- javaScript面向对象的方法实现继承:call方法
- javascript面向对象继承的三种方法
- JavaScript面向对象的方法实现继承:call方法
- JavaScript面向对象(三)——继承与闭包、JS实现继承的三种方式
- JavaScript面向对象继承原理与实现方法分析
- javaScript面向对象继承方法经典实现
- javaScript面向对象继承方法实现
- [C++] 用VC 6.0实现串行通信的三种方法
- 三种方法实现实时切换CSS样式
- 改进的CheckBox模板列实现单选的方法
- Delphi中实现文件拷贝的三种方法
- 三种方法实现实时切换CSS样式
- 用VC 6.0实现串行通信的三种方法
- 用反射和特性实现面向对象的数据持久方法 [无常译]