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

忘是亡心i 2022-03-15 12:24 259阅读 0赞

1.传统形式

过多的继承了没用的属性

2.借用构造函数

不能继承借用构造函数的原型

每次构造函数都要多走一个函数

function Person(name,age,sex)\{

this.name = name;

this.age = age;

this.sex = sex;

\}

function Student(name,age,sex,tel,grade)\{

// this.name = name;

// this.age = age;

// this.sex = sex;

Person.call(this,name,age,sex);//借用别人的函数实现自己的功能

// Person.apply(this,\[name,age,sex\]);    改变this指向，传参列表不同。call需要把实参按照形参的个数传进去  apply需要传一个arguments

this.tel = tel;

this.grade = grade;

\}

3.共享原型

不能随便改动自己的原型

Father.prototype = \{

lastName :'dd'

\}

function Father()\{

\}

function Son()\{

\}

function inherit(Target,Origin)\{

Target.prototype = Origin.prototype;

\}

inherit(Son,Father);

var son = new Son();

//如果给Son添加属性  Son.prototype.sex = “male”那么其父亲也将拥有这个属性

即 var father = new Fatner();  father.sex == “male” -- >true(解决：圣杯模式)

1.  圣杯模式

function inherit(Target, Origin) \{

function F()\{\}

F.prototype = Origin.prototype;

Target.prototype = new F();

Target.prototype.constructor = Target;

Target.prototype.uber = Origin.prototype;//超类

\}

YAHOO(YUI): var inherit = (function()\{

function F()\{\}

return function(Taget,Orgin)\{

F.prototype = Orgin.prototype;

Taget.prototype = F.prototype;

Taget.prototype.constructor = Taget;

Taget.prototype.uber = Orgin.prototype;

\}

\}());

发表评论取消回复

表情：

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

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

相关阅读

相关圣杯布局

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

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

相关圣杯模式：继承，已封装

function inherit(Target,Origin){ function F(){ } F.

女爷i/ 2022年12月04日 07:34/ 0 赞/ 80 阅读

相关设计模式：javascript原型式继承

道格拉斯丶克罗克福德有一个观点是：借助原型prototype可以根据已有的对象创建一个新的对象，同时不必创建新的自定义对象类型。代码如下： //原型式继承 f

短命女/ 2022年06月09日 23:54/ 0 赞/ 165 阅读

相关 JavaScript-继承模式

继承发展史 1:传统的继承->原生链缺点:过多的继承了不用的属性。 2:借用构造函数缺点:不能基础构造函数的的原型，需要多调用一个构造函数，耗时。 3:共享原型

た入场券/ 2022年05月27日 00:45/ 0 赞/ 168 阅读

相关 JavaScript继承模式

JavaScript继承模式若需要了解原型与原型链相关内容，可参考本人的另一篇博客[JavaScript原型与原型链][JavaScript] 原型链继承一

﹏ヽ暗。殇╰゛Y/ 2022年05月19日 11:04/ 0 赞/ 137 阅读

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

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

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

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

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

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

相关圣杯布局

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

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

相关 JS中的圣杯模式

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

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

相关圣杯布局

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

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