品易云推流 关闭
文章详情页
文章 > JavaScript > JavaScript如何盗用构造函数

JavaScript如何盗用构造函数

javascript 构造函数

头像

小妮浅浅

2021-10-22 10:08:473809浏览 · 0收藏 · 0评论

1、由于子类构造函数的原型对象跟父类无关,所以子类实例无法调用父类的原型对象的属性或方法。

2、只能继承父类构造函数的属性或方法。

父类构造函数中的属性或方法将会在每个子类实例中创建一份,显得很繁琐。

实例

function A(name,age,sex){
    this.name = name;
    this.age = age;
    this.sex = sex;
    this.arrs=[1,2,3]
};
function B(name,age,sex){
    A.apply(this,arguments)
}
let C1 = new B('C1',18,'male');
let C2 = new B('C2',18,'female');
console.log(C1.name,C1.age,C1.sex,C1.arrs);  //'C1' 18 'male' [1,2,3]
console.log(C2.name,C2.age,C2.sex,C2.arrs);  //'C2' 18 'female' [1,2,3]
C1.arrs.push(4);
console.log(C1.arrs);     //[1,2,3,4]
console.log(C2.arrs);     //[1,2,3]

以上就是JavaScript盗用构造函数的方法,希望对大家有所帮助。更多Javascript学习指路:Javascript

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图