javascript原型继承圣杯模式

javascript纯面向对象开发需要使用到的一个模式，来对对象之间原型继承做中间层代理避免重复继承与代码杂乱

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body><script>//父类function Teacher(){}Teacher.prototype.name = "teacher";//子类function Student(){}Student.prototype.age = 18;//原型继承调用
        inherit(Student,Teacher);let s = new Student();let t = new Teacher();/**圣杯模式原型继承封装@param Target 需要继承的子类@param Origin 被继承的父类 */function inherit(Target,Origin){//创建中间层构造函数function Buffer(){}//把被继承父类的原型付给中间层构造函数Buffer.prototype = Origin.prototype;//把实例化的中间层构造函数生成的对象付给需要继承的目标类Target.prototype = new Buffer();//目标类构造函数指向欢原Target.prototype.constructor = Target;//定义目标类从哪继承Target.prototype.super_class = Origin;}console.log(s,t);</script>
</body>
</html>

转载于:https://www.cnblogs.com/y-y-y-y/p/10357697.html

javascript原型继承圣杯模式相关推荐

深入解析JavaScript 原型继承
JavaScript 原型继承,学习js面向对象的朋友可以看看.十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. Object.prototype Ja ...
白话解释 Javascript 原型继承(prototype inheritance)
来源: 个人博客白话解释 Javascript 原型继承(prototype inheritance) 什么是继承? 学过"面向对象"的同学们是否还记得,老师整天挂在嘴边的面向对 ...
JavaScript原型继承详细解读
目录 1.构造函数的简单介绍 2.构造函数的缺点 3.prototype属性的作用 4.原型链(prototype chains) 5.constructor属性 5.1:constructor属性的 ...
再论JavaScript原型继承和对象继承
JavaScript的原型继承是老生常谈.由于原型即prototype本身也是对象,所以"原型"继承可认为是一种特殊的"对象式"继承."对象式&quo ...
JavaScript 原型继承
JavaScript 中虽然有对象的概念,但它并不是一门严格意义上的面向对象编程的语言. 尽管 ES6 引入了 class 关键字,但是本质上仍然是对原型链的操作. 通过修改 JavaScript 的 ...
ES5-12 【utils】继承深入、call、apply、圣杯模式、模块化
继承深入这两种方式继承不够合理(为什么) 将实例作为子类的原型在子类的构造函数内部借用父类的构造函数将父类的原型作为子类的原型(会修改父类的原型) css圣杯布局(左右宽度固定.中间自适应) 目 ...
JavaScript之继承模式，命名空间，对象枚举
继承发展史 1-传统形式 → 原型链过多的继承了没用的属性(很好理解,不用代码演示了) 2-借用构造函数不能继承借用构造函数的原型(很好理解,不用代码演示了) 每次构造函数都要夺走一个函数(很好理 ...
JavaScript 面向对象编程（二） —— 构造函数 / 原型 / 继承 / ES5 新增方法
本篇为 JavaScript 进阶 ES6 系列笔记第二篇,将陆续更新后续内容.参考:JavaScript 进阶面向对象 ES6 :ECMAScript 6 入门 : Javascript 继承机制的 ...
JavaScript之继承（原型链）
JavaScript之继承(原型链) 我们知道继承是oo语言中不可缺少的一部分,对于JavaScript也是如此.一般的继承有两种方式:其一,接口继承,只继承方法的签名:其二,实现继承,继承实际的方法 ...
JavaScript 原型链和继承面试题
JavaScript 原型链和继承问题 JavaScript 中没有类的概念的,主要通过原型链来实现继承.通常情况下,继承意味着复制操作,然而 JavaScript默认并不会复制对象的属性,相反,Ja ...

javascript原型继承圣杯模式

javascript原型继承圣杯模式相关推荐

最新文章

热门文章