js中的继承

最新推荐文章于 2025-03-20 22:14:41 发布

原创最新推荐文章于 2025-03-20 22:14:41 发布 · 393 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #继承

javascript 同时被 2 个专栏收录

111 篇文章

订阅专栏

js原理

38 篇文章

订阅专栏

本文深入探讨JavaScript中的原型继承机制，并通过实例代码展示了如何实现原型继承，包括如何正确使用构造函数和原型链来扩展对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.拷贝继承
2.类继承
3.原型继承

原型继承例子：

<script>
    function inherit(p){
        if(p==null) throw TypeError();
        if(Object.create) return Object.create(p);
        var t= typeof p;
        if(t!=="object" && t!=="function") throw TypeError();
        function f(){};
        f.prototype = p;
        return new f();
    }

    var o = {mm:9};
    o.x = 1;
    o.prototype.logo=function(){                         //why 不行！！！报错
        return 'tea';
    };
    var p = inherit(o);
    p.y = 2;
    var q = inherit(p);
    q.z = 3;
    var s = q.toString();
    q.mm = 5;
    console.log(q.hasOwnProperty('mm'));
    console.log(p.hasOwnProperty('mm'));


    console.log(s);
    console.log(q.x);              //继承了o.x;
    console.log(q.logo());


    console.log(q.age);               //访问不存在的属性：undefind
    console.log(qq.age.n);            //访问不存在的对象，会报错 Uncaught ReferenceError: qq is not defined
</script>