三种方法实现继承

本文探讨了三种JavaScript实现继承的方法,包括方法1(使用new操作符),方法2(直接赋值原型)和方法3(使用Object.create)。方法1可能导致引用类型的属性被不当修改,方法2则会使得子类与父类共享同一个原型。方法3通过创建新的原型对象避免了这些问题,但需要考虑兼容性。每种方法的优缺点分析有助于理解JavaScript继承的本质,并为实际开发中的优化提供指导。
摘要由CSDN通过智能技术生成

三种方法实现继承的优缺点,并加以改进

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:

优点:

1) 正确设置原型链实现继承

2) 父类实例属性得到继承,原型链查找效率提高,也能为一些属性提供合理的默认值

缺点:

1) 父类实例属性为引用类型时,不恰当地修改会导致所有子类被修改

2) 创建父类实例作为子类原型时,可能无法确定构造函数需要的合理参数,这样提供的参数继承

给子类没有实际意义,当子类需要这些参数时应该在构造函数中进行初始化和设置

总结:继承应该是继承方法而不是属性,为子类设置父类实例属性应该是通过在子类构造函数中调

用父类构造函数进行初始化

方法 2:

1) 优点:正确设置原型链实现继承

2) 缺点:父类构造函数原型与子类相同。修改子类原型添加方法会修改父类

方法 3:

1) 优点:正确设置原型链且避免方法 1.2 中的缺点

2) 缺点:ES5 方法需要注意兼容性

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值