< 返回技术文档列表

javascript继承方法的使用

发布时间:2021-09-01 03:33:17⊙投诉举报

这篇文章主要介绍“javascript继承方法的使用”,在日常操作中,相信很多人在javascript继承方法的使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”javascript继承方法的使用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

1、当子类想要覆盖父类的方法,或者增加父类没有的方法时,通过直接给子类的原型添加这种方法。如果此时父类有这种方法,就会覆盖父类继承的现有方法。

function SuperType() {
}
SuperType.prototype.getValue = function () {
    return 1;
}
function SubType() {
}
SubType.prototype = new SuperType();
SubType.prototype.getValue = function () {
    return 2;
}
let instance = new SubType();
console.log(instance);
console.log(instance.getValue());

2、通过添加对象字面量的新方法会导致上一行无效。我们通常不使用这种方法,因此我们不能继承父亲构造函数的原型。

// 继承SuperType
SubType.prototype = new SuperType();
// 通过对象字面量添加新方法
SubType.prototype = {
    fn1() {
        
    }
    fn2() {
        
    }
}

到此,关于“javascript继承方法的使用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注血鸟云网站,小编会继续努力为大家带来更多实用的文章!


/template/Home/Zkeys/PC/Static