js实现父子类集成的方法

最新推荐文章于 2026-03-08 02:37:12 发布

原创最新推荐文章于 2026-03-08 02:37:12 发布 · 765 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js 继承子类父类

收录于

原生js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现父子类的继承，通过属性拷贝函数`cpProperties`以及`extend`方法来创建子类`LED`，并在子类中重写了`createBg`方法，展示了JavaScript面向对象编程中的继承概念。

//属性拷贝

function cpProperties(src,desc){

for(var key in src){
if(src.hasOwnProperty(key)){
desc[key] = src[key];
}
}
}
var Base = function(option) {
cpProperties(option,this);
if(!this.ctx){
throw new Error("Should has canvas's ctx!");
}
this.createBg(this.ctx);
}
Base.prototype = {
createBg:function(){
}

}

//供子类重写

Base.extend = function(option){
var a = function(){
Base.apply(this,arguments);
};
cpProperties(Base.prototype,a.prototype);
cpProperties(option,a.prototype);
return a;

}

var LED = Base.extend({

createBg:function(){

alert("123")

}

});