js组合继承（原型链+对象冒充）

最新推荐文章于 2026-07-07 16:13:58 发布

原创最新推荐文章于 2026-07-07 16:13:58 发布 · 647 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文通过一个具体示例展示了如何使用原型链结合对象冒充的方式实现组合继承。通过Test构造函数定义了基本属性，并通过Util构造函数调用Test实现了属性继承，同时通过原型链实现了方法继承。

<script>
    //组合继承（原型链+对象冒充）
    function Test(age) {
        this.family=["爸爸","妈妈"];
        this.age=age;
    }
    Test.prototype.fun=function () {
        return this.age+this.family;
    }
    function Util(age) {
        Test.call(this , age);//对象冒充
    }
    Util.prototype=new Test();//原型链
    var a=new Util(23);
    alert(a.age);//23
    a.family.push("姐姐");
    alert(a.fun());//23爸爸,妈妈,姐姐


    var aa=new Util(22);
    alert(aa.age);//22
    alert(aa.fun());//22爸爸,妈妈
</script>