JavaScript设计模式-4.继承和聚合
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javascript高级语法4-继承和聚合</title>
</head>
<body>
<script> //继承
//创建人员类
function Person(name){
this.name = name;
}
//创建教师类
function Teacher(name,books){
//call方法可以将一个函数的对象上下文从初始化变成由this来决定。
//调用Person的构造函数，因为person没有new，所以是空对象。
Person.call(this,name);
this.books = books;
}
// 使教师类继承人员类
Teacher.prototype = new Person();
Teacher.prototype.constructor = Teacher;
Teacher.prototype.getBook = function(){
return this.name +" "+this.books;
} //测试
var jim = new Teacher("JIm","extjs4");
//alert(jim.getBook()); // 创建extend函数为了程序中所有的继承操作
function extend(subClass,superClass){
//1.让子类的原型类属性等于父类的原型属性。
// 初始化一个中间空对象，为了转换子父类关系。
var F = function(){};
F.prototype = superClass.prototype;
//2.让子类继承F
subClass.prototype = new F();
subClass.prototype.constructor = subClass;
//3.为子类增加superClass属性
subClass.superClass = superClass.prototype;
//4.增加一个保险，就算原型类是超级类（Object）那么也要把你的构造函数级别降下来。
if(superClass.prototype.constructor = Object.prototype.constructor){
superClass.prototype.constructor = superClass;
}
}
//测试
function Author(name,books){
Author.superClass.constructor.call(this,name);//低耦合
//person.call(this,name) // 高耦合
this.books = books;
this.getBook = function(){
return this.name +" "+this.books;
}
}
//继承
extend(Author,Person); var peter = new Author("张丹","javascript");
alert(peter.getBook()); //聚合
//第一种：原型上方法的聚合
//掺元类： 有时候不需要严格的继承，真正需要的是一个类（几个类）中的一些函数。
var JSON = {};
JSON.prototype = {
changeString:function(){
var output = [];
for(key in this){
output.push(key+"-->"+this[key]);
}
return output;
} }
//制作聚合函数
function mixin(receivingClass,givingClass){
for(method in givingClass.prototype){
// 本类中没有这个函数情况下再聚合，否则跳过
if(!receivingClass.prototype[method]){
receivingClass.prototype[method] = givingClass.prototype[method];
}
}
};
//var o = {name:"zhangdan",age:27};
var o = function(){
this.name = "zhangsan";
this.age = 27;
}
mixin(o,JSON);
var a = new o();
document.write(a.changeString().join(",")) //第二种：类中的函数聚合
var JSON2 = {
toChange:function(){
var output = [];
for(key in this){
output.push(key+"--》"+this[key]);
}
return output;
}
}
//聚合函数
function mixin2(receivingClass,givingClass){
for(method in givingClass){
if(!receivingClass.__proto__[method]){
receivingClass.__proto__[method] = givingClass[method];
}
}
}
var s = {name:"zhangdan",age:30};
mixin2(s,JSON2);
document.write(s.toChange().join(","))
</script>
</body>
</html>
JavaScript设计模式-4.继承和聚合的更多相关文章
- 《javascript设计模式》笔记之第四章：继承
一:首先,一个简单的继承实例: 首先是创建一个父类Person: function Person(name) { this.name = name; } Person.prototype.getNam ...
- 《JavaScript设计模式 张》整理
最近在研读另外一本关于设计模式的书<JavaScript设计模式>,这本书中描述了更多的设计模式. 一.创建型设计模式 包括简单工厂.工厂方法.抽象工厂.建造者.原型和单例模式. 1)简单 ...
- 《JavaScript设计模式与开发实践》整理
最近在研读一本书<JavaScript设计模式与开发实践>,进阶用的. 一.高阶函数 高阶函数是指至少满足下列条件之一的函数. 1. 函数可以作为参数被传递. 2. 函数可以作为返回值输出 ...
- 常用的Javascript设计模式
<parctical common lisp>的作者曾说,如果你需要一种模式,那一定是哪里出了问题.他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案. 不管是弱类型 ...
- 《Javascript设计模式与开发实践》--读书笔记
第2章 this call apply bind()方法创建一个新的函数,在bind()被调用时,这个新函数的this被bind的第一个参数指定,其余的参数将作为新函数的参数供调用时使用. bind( ...
- JavaScript设计模式经典-面向对象中六大原则
作者 | Jeskson来源 | 达达前端小酒馆 1 主要学习JavaScript中的六大原则.那么六大原则还记得是什么了吗?六大原则指:单一职责原则(SRP),开放封闭原则(OCP),里氏替换原则( ...
- 21种JavaScript设计模式最新记录（含图和示例）
最近观看了<Javascript设计模式系统讲解与应用>教程,对设计模式有了新的认识,特在此做些记录. 一.UML 文中会涉及众多的UML类图,在开篇需要做点基础概念的认识.以下面的图为例 ...
- javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件（三）
在上一篇<javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)>里,通过采用模板方法模式完成了切换效果对象的构建编写. 接下来就是完成各效果对象的调 ...
- javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件（二）
在上一篇<javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)>里,通过采用迭代器模式完成了各初始化函数的定义和调用. 接下来就要完成各个切换效果的编 ...
随机推荐
- 5、Docker架构和底层技术
5.1 Docker Platform Docker提供了一个开发,打包,运行APP的平台 把APP和底层infrastructure隔离开来 5.2 Docker Engine 后台进程(docke ...
- Visual Studio 2017（VS2017） 企业版 Enterprise 注册码
Visual Studio 2017(VS2017) 企业版 Enterprise 注册码:NJVYC-BMHX2-G77MM-4XJMR-6Q8QF 终于等到你,最强 IDE Visual Stud ...
- .NET框架源码解读之启动CLR
前面提到在SSCLI环境里运行.NET程序的时候,执行的命令类似java程序的执行过程,即通过clix程序解释执行.net程序.这个过程看起来跟在windows环境下执行.net程序表面上看起来不一样 ...
- Thread类
Thread类相对于线程池中的线程,使用者有更多的控制权.该类允许创建前台线程,设置线程优先级等.Thread类的构造函数重载为接受ThreadStart和ParameterizedThreadSta ...
- ASP .NET运行机制（visio图）
- zun 不能创建 docker 容器，报错： datastore for scope "global" is not initialized
问题:zun不能创建docker容器,报错:datastore for scope "global" is not initialized 解决:修改docker 服务配置文件 ...
- c++ 多态总结
C++的多态性用一句话概括就是: 在基类的函数前加上virtual关键字,在派生类中重写该函数,运行时将会根据对象的实际类型来调用相应的函数. 如果对象类型是派生类,就调用派生类的函数:如果对象类型是 ...
- 护网杯圆满结束，还不满足？不如来看看大佬的WP扩展思路~
护网杯预选赛 WP转载自:https://qingchenldl.github.io/2018/10/13/%E6%8A%A4%E7%BD%91%E6%9D%AFWP-BitPwn/#more WEB ...
- 查看npm全局安装位置
查看npm全局安装位置:npm config get prefix 设置位置:npm config set prefix 填写位置
- 【awk】按小时切割日志
需求: 把日志按日志内容中的小时数做切割 {hostname=ali-beijing-msync-3512} 2017-05-17 23:17:52.694 [info] <0.27292.70 ...