继承模式

最新推荐文章于 2023-09-27 00:00:00 发布

angela_0109

最新推荐文章于 2023-09-27 00:00:00 发布

阅读量165

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端学习

本文链接：https://blog.youkuaiyun.com/weixin_41265663/article/details/80978049

web前端学习专栏收录该内容

26 篇文章

订阅专栏

本文介绍了JavaScript中的四种主要继承模式：传统继承模式、构造函数模式、共享模式和圣杯模式，并详细解析了圣杯模式的实现原理及代码示例。

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

继承模式简单分为四类：

传统继承模式：原型链继承，过多的继承了无用的属性；

构造函数：不能继承构造函数的原型，每次构造函数都要多走一个函数；

共享模式：不能随便改动自己的原型，牵一发而动全身；

圣杯模式: 共享模式多了一层中继站；

圣杯模式代码：

    var inherit = (function() {
        var F = function () {}; // 中间构造函数
        return function(Target,Origin){
            F.prototype = Origin.prototype; // 将初始的原型给中间构造函数
            Target.prototype = new F(); // new一个中间构造函数的实例，将它作为目标的原型；当想要变动target的原型时，不会改变origin的原型
            Target.constructor = Target(); // target 构造新的实例原型看上去还是target
            Target.prototype.uber = Origin.prototype; // 在原型上留下线索
        }
    }());