189 8069 5689

javascript中怎么实现继承-创新互联

今天就跟大家聊聊有关javascript中怎么实现继承，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

成都创新互联是一家集网站建设,忻城企业网站建设,忻城品牌网站建设,网站定制,忻城网站建设报价,网络营销,网络优化,忻城网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

  1. 对象冒充（多继承）：
    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

  2. 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

  3. 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

  4. 原型链（单继承）：
    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

  5. 混用对象冒充与原型链（多继承）：
    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

  6. 说明：

    推荐使用call()方法或apply()方法

看完上述内容，你们对javascript中怎么实现继承有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。


本文题目：javascript中怎么实现继承-创新互联
网址分享：http://jkwzsj.com/article/ceghsg.html

其他资讯