JavaScript设计模式读书笔记之一：接口
接口
在JavaScrip中模仿接口
用注释描述接口
/*
interface Composite {
function add(child);
function remove(child);
function getChild(index);
}
interface FormItem {
function save();
}
*/
var Composite = function(id, method, action) { // implements Composite, FormItem
};
Composite.prototype.add = function(child) {
console.log("add");
}
Composite.prototype.remove = function(child) {
console.log("remove");
}
Composite.prototype.getChild = function(index) {
console.log("getChild");
}
Composite.prototype.save = function() {
console.log("save");
};
var instance = new Composite(1, 2, 3);
instance.add();
instance.remove();
instance.getChild();
instance.save();用属性检查模仿接口
概括：
- 一个方法用于表明自己实现了哪些接口。
- 一个方法用于验证是否实现了所有的接口，如果没有，则抛出异常。
- 一个方法用于判断某个类是否实现了所有的接口。
缺点：
- 自己说自己实现了什么接口，但是可能自己并没有实现，但是代码却不会抛出异常。
- 用了两层for循环，会引起性能消耗。
/*
interface Composite {
function add(child);
function remove(child);
function getChild(index);
}
interface FormItem {
function save();
}
*/
var CompositeForm = function(id, method, action) {
this.implementsInterface = ['Composite', 'FormItem'];
// ...
}
function addForm(instance) {
if(!implements(instance, 'Composite', 'FormItem')) {
throw new Error('Object does not implement a required interface');
}
if(!implements(instance, 'test', 'FormItem')) {
throw new Error('Object does not implement a required interface');
}
}
function implements(object) {
for(var i = 1;i < arguments.length;i++) {
var interfaceName = arguments[i];
var interfaceFound = false;
for(var j = 0;j < object.implementsInterface.length;j++) {
if(object.implementsInterface[j] == interfaceName) {
interfaceFound = true;
break;
}
}
if(!interfaceFound) {
return false;
}
}
return true;
}
var instance = new CompositeForm(1, 2, 3);
addForm(instance);用鸭式辨型模仿接口
- 类是否声明自己支持哪些接口并不重要, 只要具有这些接口中的方法就可以了。
- 它把对象实现的方法集作为判断它是不是某个类的实例的唯一标准。
- 也就是说，如果对象具有与接口定义的方法同名的所有方法，那么就可以认为它实现了这个接口。
// Interface.js文件
/*
* 一个接口
* @param {string} name 接口的名字
* @param {array} methods 接口要实现的方法
* @class
*/
var Interface = function(name, methods) {
if(arguments.length !== 2) {
throw new Error("Interface constructor called with " + arguments.length
+ "arguments, but expectly exactly 2.");
}
this.name = name;
this.methods = [];
for(var i = 1;i < methods.length;i++) {
if(typeof methods[i] !== "string") {
throw new Error("Interface constructor expects method names to be "
+ "passed in as a string");
}
this.methods.push(methods[i]);
}
};
/*
* static class method 用于实现检测对象是否实现了接口里的所有方法
*
* @param {object} object 它应该包含一个对象的实例和至少一个接口
*
*/
Interface.prototype.ensureImplements = function(object) {
if(arguments.length < 2) {
throw new Error("Function Interface.ensureImplements called with " + arguments.length
+ "arguments, but expectly at least 2.");
}
for(var i = 1;i < arguments.length;i++) {
var interface = arguments[i];
if(interface.constructor !== Interface) {
throw new Error("Function interface.ensureImplements expects arguments "
+ "two and above to be instances of Interface.");
}
for(var j = 0, methodsLen = interface.methods.length;j < methodsLen;j++) {
var method = interface.methods[j];
if(!object[method] || typeof object[method] !== 'function') {
throw new Error("Function Interface.ensureImplements: Object "
+ "does not implement the " + interface.name
+ " interface.Method " + method + " was not found");
}
}
}
}
// index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script src="Interface.js"></script>
<script type="text/javascript">
// 实例化一个接口
var PeopleInterface = new Interface('PeopleInterface', ['run', 'eat']);
// 封装一个People类
var People = function(name) {
this.name = name;
};
People.prototype.run = function() {
console.log(this.name + " is running...");
};
People.prototype.eat = function() {
console.log(this.name + " is eating...");
};
// 实例化一个People对象
var yzf = new People('yzf');
function addPeople(instance) {
// 对yzf进行检测，看它是否完全继承了PeopleInterface接口
PeopleInterface.ensureImplements(yzf, PeopleInterface);
// 如果没有抛出异常，就可以使用下面这些方法了
yzf.run();
yzf.eat();
}
addPeople(yzf);
</script>
</body>
</html>依赖于接口的设计模式
工厂模式
组合模式
装饰者模式
命令模式
JavaScript设计模式读书笔记之一：接口的更多相关文章
- JavaScript设计模式:读书笔记(未完)
该篇随我读书的进度持续更新阅读书目:<JavaScript设计模式> 2016/3/30 2016/3/31 2016/4/8 2016/3/30: 模式是一种可复用的解决方案,可用于解决 ...
- JavaScript设计模式 -- 读书笔记
JavaScript设计模式 一. 设计模式 一个模式就是一个可重用的方案: 有效的解决方法.易重用.善于表达该解决方案: 未通过"模式特性"测试的模式称为模式原型: 三规则:适用 ...
- 《你不知道的javascript》读书笔记2
概述 放假读完了<你不知道的javascript>上篇,学到了很多东西,记录下来,供以后开发时参考,相信对其他人也有用. 这篇笔记是这本书的下半部分,上半部分请见<你不知道的java ...
- HeadFirst设计模式读书笔记--目录
HeadFirst设计模式读书笔记(1)-策略模式(Strategy Pattern) HeadFirst设计模式读书笔记(2)-观察者模式(Observer Pattern) HeadFirst设计 ...
- 《编写可维护的javascript》读书笔记（中）——编程实践
上篇读书笔记系列之:<编写可维护的javascript>读书笔记(上) 上篇说的是编程风格,记录的都是最重要的点,不讲废话,写的比较简洁,而本篇将加入一些实例,因为那样比较容易说明问题. ...
- JavaScript设计模式学习笔记
1 JavaScript设计模式深入分析 私有属性和方法:函数有作用域,在函数内用var 关键字声明的变量在外部无法访问,私有属性和方法本质就是你希望在对象外部无法访问的变量. 特权属性和方法:创建属 ...
- Javascript & JQuery读书笔记
Hi All, 分享一下我学JS & JQuery的读书笔记: JS的3个不足:复杂的文档对象模型(DOM),不一致的浏览器的实现和便捷的开发,调试工具的缺乏. Jquery的选择器 a. 基 ...
- Head First 设计模式读书笔记(1)-策略模式
一.策略模式的定义 策略模式定义了算法族,分别封装起来,让它们之间可以互换替换,此模式让算法的变化独立使用算法的客户. 二.使用策略模式的一个例子 2.1引出问题 某公司做了一套模拟鸭子的游戏:该游戏 ...
- JavaScript设计模式系列学习笔记目录
说明 本系列笔记参考书籍<JavaScript设计模式>.<JavaScript高级程序设计3> 参考博客:汤姆大叔博客:http://www.cnblogs.com/TomX ...
随机推荐
- Dijkstra算法——单源最短路径问题
学习一个点到其余各个顶点的最短路径--单源最短路径 Dijkstra算法是由荷兰计算机科学家狄克斯特拉于1959 年提出的,因此又叫狄克斯特拉算法.是从一个顶点到其余各顶点的最短路径算法,解决的是有向 ...
- MongoDB【第二篇】集群搭建
第一步:准备 1.安装包 mongodb-linux-x86_64-rhel70-3.4.2.tgz 2. 架构: 本文为 1-primary.1-secondary.1-arbiter 的 mong ...
- JavaScript基础——变量、语句、注释
一.变量的命名规则 1.变量名由数字.字母.下划线组成 2.变量名的首字母不能是数字,只能是字母或者下划线 3.不能使用关键字和保留字作为变量名 4.变量严格区分大小写,例如在JavaScript中o ...
- 电器ERP行业案例——环力科技
环力科技ERP案例 企业简介 [规模] 环力公司始建于1992年,是一家专业生产电子压力控制器.水泵压力控制器.气泵压力控制器.电泵浮球控制器.全自动水泵及其它配套产品研究.开发.生产.销售为一体的专 ...
- C/C++ char数组存储字符串内存地址
问题描述: #include <stdio.h> int main(void) { //program 6.3 Arrays of strings ][]; ;i<;++i){ ;j ...
- asp.net 后台任务作业框架收集
收集几个可以用于 asp.net 的后台任务工具库并简单介绍. hangfire.io 支持 单次任务(Fire-and-forget),延时任务(Delayed),重复任务(Recurring ), ...
- vim编辑器的常见使用功能
Vim是一个类似于vi的著名的功能强大.高度可定制的文本编辑器,在Vi的基础上改进和增加了很多特性. 掌握简单的vim命令可以大大提高我们编辑文档效率,在装有vim编辑器的linux系统终端输入vim ...
- 专题：DUILIB Win32 透明效果
Win32 透明效果相关基础知识 Layered Windows 分层窗口.这是Windows2000开始引入的概念,重新定义了窗口的Hit Testing方法,以前都是把窗口按rectangle的方 ...
- WeMall的Android app商城中的wemall doraemon代码
WeMall-Android 包含SMSSDK/WeMall-Client/social_sdk_library_project三个项目以及Api目录下的client.php/update.xml接口 ...
- Hibernate写配置文件无提示信息解决
把Hibernate的相关jar包引入工程后,在配置hibernate.cfg.xml时没有提示信息,对于开发人员来说,那么多标签,标签有那么多属性,全部都记住显然是不可能的,遇到这种情况是很头疼的事 ...