JavaScript的extend函数

本文介绍如何使用extend()函数简化JavaScript类继承的过程,通过定义一个空构造函数作为桥梁,避免创建父类实例可能导致的内存占用问题。具体实现包括调用方法和其原理解释。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

为了简化类继承的声明,基于一个给定类结构创建一个新的类,把整个过程封装在一个extend()函数里,代码如下:

function extend(subClass,superClass){

   //见到网上有人是这样写的

   //subClass.prototype=superClass.prototype;

   //subClass.prototype.constructor=subClass;

var F=function(){};

F.prototype=superClass.prototype;

subClass.prototype=new F();

subClass.prototype.constructor=subClass;

}

可以调用这个方法实现继承:

extend(TwoDShape, Shape);    //TwoDShape继承Shape
extend(Triangle, TwoDShape); //Triangle又继承TwoDShape

为什么要定一个空的构造函数F()呢,是为了作为一个桥梁,不要让子类创建父类的实例,因为父类的实例可能会比较大,可能有些不必要的副作用,免得占用太多的内存。转至《JavaScript设计模式》

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值