JS中的继承，重点：圣杯模式

た入场券 2022-04-17 03:45 243阅读 0赞

1.原型链的继承
    
    Grand.prototype.lastName = ‘Ji’;
    
    function Grand(){
    }
    
    var grand = new Grand();
    
    Father.prototype = grand;
    
    function Father(){
    
    this.name=’hehe’;
    }
    
    var father = new Father();
    
    Son.prototype = father;
    
    function Son(){
    }
    
    var son = new Son();
    
    缺点：不仅继承了Grand的lastName，而且继承了Father的name;
    
    2.借用构造函数：
    call和apply
    
    不能继承借用构造函数的原型，每次构造函数都要多走一个函数
    
    3.共享原型
    
    Father.prototype.lastName = ‘Deng’;
    
    function Father(){
    }
    
    function Son(){
    }
    
    function inherit(Target ,Origin){
    
    Target.prototype = Orgin.prototype;
    }
    
    inherit(Son,Father);
    
    //extend inherit继承font-size : inherit(自动继承父亲的font-size(默认值))
    
    不能随便改动自己的原型（改变一个父子都会改变）
    
    4.圣杯模式
    
    function inherit(Target, Origin){
    
    function F(){};
    F.prototype = Origin.prototype;
    
    Target.prototype = new F();
    
    Target.prototype.constuctor = Target;
    
    Target.prototype.uber = Origin.prototype;
    }
    
    //son.__proto__ -->new F().__proto__ -->Father.prototype
    
    var inherit = (function(){
    
    var F = function(){};    //闭包，变成私有化变量，在函数外部无法调用
    
    return function(Target, Origin)
    
    {
    
    F.prototype = Origin.prototype;
    
    Target.prototype = new F();
    
    Target.prototype.constuctor = Target;
    
    Target.prototype.uber = Origin.prototype;
    }
    
    }());

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关圣杯布局

<style> * { padding: 0; margin: 0; ...

逃离我推掉我的手/ 2024年04月19日 11:33/ 0 赞/ 70 阅读

相关圣杯布局的实现过程

圣杯布局和双飞翼布局，它们都要求三列布局，中间宽度自适应，两边定宽，这样做的优势是重要的东西放在文档流前面可以优先渲染，而双飞翼布局是对圣杯布局的一种改良，下一篇会讲到。圣

骑猪看日落/ 2022年07月14日 05:21/ 0 赞/ 164 阅读

相关 CSS 圣杯布局

圣杯布局，不要被名字所迷惑只是一种简单的布局方式，也不知道从何时起，这种布局方式有了这么响亮的外号。 CSS+DIV 最常见的分栏布局就是浮动布局啦，以Bootstrap框架

川长思鸟来/ 2022年05月12日 13:58/ 0 赞/ 212 阅读

相关详解圣杯布局

圣杯布局 html结构： <!doctype html> <html lang="en"> <head> <meta cha

以你之姓@/ 2022年04月25日 00:14/ 0 赞/ 394 阅读

相关 JS中的继承，重点：圣杯模式

1.原型链的继承 Grand.prototype.lastName = ‘Ji’; function Grand(){ }

た入场券/ 2022年04月17日 03:45/ 0 赞/ 244 阅读

相关 JavaScript之继承模式（圣杯模式）

1.传统形式过多的继承了没用的属性 2.借用构造函数不能继承借用构造函数的原型每次构造函数都要多走一个函数 function Person(name,age,s

忘是亡心i/ 2022年03月15日 12:24/ 0 赞/ 288 阅读

相关圣杯布局

.left{100px}.right{100px}.center{ calc(100% - 200px) } 圣杯布局复制代码转载于:h

布满荆棘的人生/ 2022年01月19日 03:05/ 0 赞/ 266 阅读

相关 flex 圣杯布局

![604357-20190302201827173-536339308.png][] 基本思路圣杯布局分为3段：上、中、下。中段被分为：左、中、右3块。 1

客官°小女子只卖身不卖艺/ 2021年12月18日 15:09/ 0 赞/ 415 阅读

相关 JS中的圣杯模式

[点击去原文][Link 1] 圣杯模式是Javascript中用来实现继承的一种方法，它的简单形式如下所示 function Father(){}

r囧r小猫/ 2021年12月05日 02:39/ 0 赞/ 640 阅读

相关圣杯布局

圣杯布局要实现两边固定，中间自适应，中间部分的代码要放在最上面实现优先加载步骤第一步：创建middle，left，right，及包裹它们的父盒子cont

不念不忘少年蓝@/ 2021年08月29日 02:34/ 0 赞/ 417 阅读