javascript中怎么实现继承
今天就跟大家聊聊有关javascript中怎么实现继承,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
成都创新互联公司是一家专业提供沙湾企业网站建设,专注与网站设计制作、成都网站建设、H5场景定制、小程序制作等业务。10年已为沙湾众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。
对象冒充(多继承):
a. 代码:function ClassA(sColor) { this.color = sColor; this.sayColor = function () { console.log(this.color); }; } function ClassB(sName) { this.name = sName; this.sayName = function () { console.log(this.name); }; } function ClassC(sColor, sName) { this.newMethod = ClassA; this.newMethod(sColor); delete this.newMethod; this.newMethod = ClassB; this.newMethod(sName); delete this.newMethod; } var objA = new ClassA("blue"); var objC = new ClassC("red", "John"); objA.sayColor(); objC.sayColor(); objC.sayName();
b. 输出:
blue red John
call()方法(推荐):
a. 代码:function ClassA(sColor) { this.color = sColor; this.sayColor = function () { console.log(this.color); }; } function ClassB(sName) { this.name = sName; this.sayName = function () { console.log(this.name); }; } function ClassC(sColor, sName) { ClassA.call(this,sColor) ClassB.call(this,sName) } var objA = new ClassA("blue"); var objC = new ClassC("red", "John"); objA.sayColor(); objC.sayColor(); objC.sayName();
b. 输出:
blue red John
apply()方法(推荐):
a. 代码:function ClassA(sColor) { this.color = sColor; this.sayColor = function () { console.log(this.color); }; } function ClassB(sName) { this.name = sName; this.sayName = function () { console.log(this.name); }; } function ClassC(sColor, sName) { ClassA.apply(this,new Array(sColor)) ClassB.apply(this,new Array(sName)) } var objA = new ClassA("blue"); var objC = new ClassC("red", "John"); objA.sayColor(); objC.sayColor(); objC.sayName();
b. 输出:
blue red John
原型链(单继承):
a. 代码:function ClassA(color) { this.color = color this.sayColor = function () { console.log(this.color); }; } function ClassB(name) { this.name = name this.sayName = function () { console.log(this.name); }; } ClassB.prototype = new ClassA("red"); var objA = new ClassA("blue"); var objB = new ClassB("John"); objA.sayColor(); objB.sayColor(); objB.sayName();
b. 输出:
blue red John
混用对象冒充与原型链(多继承):
a. 代码:function ClassA(sColor) { this.color = sColor; this.sayColor = function(){ console.log(this.color) } } function ClassB(sName) { this.name = sName; this.sayName = function(){ console.log(this.name) } } function ClassC(sColor, sName) { ClassA.call(this, sColor); ClassB.call(this, sName); } ClassC.prototype = new ClassA(); ClassC.prototype = new ClassB(); var objA = new ClassA("blue"); var objC = new ClassC("red", "John"); objA.sayColor(); objC.sayColor(); objC.sayName();
b. 输出:
blue red John
说明:
推荐使用call()方法或apply()方法
看完上述内容,你们对javascript中怎么实现继承有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
名称栏目:javascript中怎么实现继承
分享链接:http://scyanting.com/article/jcpdjs.html