美文网首页
JS中借用构造函数来实现继承(经典继承)

JS中借用构造函数来实现继承(经典继承)

作者: SmileMylife | 来源:发表于2019-08-06 21:16 被阅读0次

代码示例:

function SuperType() {
    this.colors = ["red", "blue", "green"];
}

function SubType() {
    SuperType().call(this);
}

var instants1 = new SubType();
instants1.colors.push("yellow");
alert(instants1.colors);

var instance2 = new SubType();
alert(instance2.colors);    //"red,blue,green"

代码中加粗的那一行代码“借调”了超类型的构造函数。通过使用 call()方法(或 apply()方法 也可以),我们实际上是在(未来将要)新创建的 SubType 实例的环境下调用了 SuperType 构造函数。 这样一来,就会在新 SubType 对象上执行 SuperType()函数中定义的所有对象初始化代码。结果, SubType 的每个实例就都会具有自己的 colors 属性的副本了。

相关文章

  • JS中借用构造函数来实现继承(经典继承)

    代码示例: 代码中加粗的那一行代码“借调”了超类型的构造函数。通过使用 call()方法(或 apply()方法 ...

  • 2019-03-25 继承

    js中通过原型来实现继承 组合继承:原型继承+借用构造函数继承

  • JS高级 03

    JS实现继承的方式 1.属性拷贝 2.原型式继承 3.原型链继承 4.借用构造函数继承|伪对象继承|经典点继承 5...

  • 继承

    一、原型链 二、借用构造函数 三、组合继承 使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属...

  • JavaScript几种继承方式及其优缺点总结

    •借用构造函数 (又叫伪造对象或经典继承)•组合继承(也叫伪经典继承)•寄生组合式继承 ☞借用构造函数继承 原理:...

  • js 面向对象编程(二):构造函数的继承

    组合继承 原理:使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。举例: 图解 弊端...

  • JavaScript 面向对象 (2)

    JS 如何继承? 借用构造函数继承 : function SuperType(name){ ...

  • JavaScript的六种继承方式

    JavaScript的几种继承方式 原型链继承 借助构造函数继承(经典继承) 组合继承:原型链 + 借用构造函数(...

  • javascript继承之组合继承(三)

    组合继承也叫伪经典继承,也就是组合了原型链和借用构造函数实现思想:使用原型链实现对原型属性和方法的继承,通过借用构...

  • 前端菜鸟成长记(三)之answer

    关于上次作业的答案 js有几种实现继承的方法(我直接给答案,原型链继承,借用构造函数继承,组合继承)?各自的优缺点...

网友评论

      本文标题:JS中借用构造函数来实现继承(经典继承)

      本文链接:https://www.haomeiwen.com/subject/hkdgdctx.html