刚入职时,看过一段时间的设计模式,似懂非懂.不知不觉过去七个月了,对JS的理解更深刻了,数据结构与算法的基础也基本上算是过了一遍了,接下来要把设计模式搞定,然后不再深层次研究JS了,而是学习前端自动化.linux.数据库.服务器等的相关知识. 虽然各种模式非常有用,但我们编写业务代码的时候,往往不需要去预先猜测是否需要使用模式,当发现不方便维护和扩展的时候,再编写也不迟. 设计模式的学习主要参考<JavaScript设计模式与开发实践>一书,很多笔记也会从该书抄录.开始JS设计模式的学习. 1…

0.前言 老实讲,看设计模式真得很痛苦,一则阅读过的代码太少:二则从来或者从没意识到使用过这些东西.所以我采用了看书(<js设计模式>)和阅读博客(大叔.alloyteam.聂微东)相结合的办法,勉勉强强写了这么多随笔,当然写随便不是为了炫耀,而是对知识进行总结,以便加深理解. 1.职责链模式是什么? 有一个请求,多个对象都可以处理该请求,但是到底哪个对象要处理该请求在开发期是不确定的,也就是说请求的发送者和接受者是一种动态的关系.所以需要将这些对象链成一条链,并沿着这条链传递该请求,链上的对…

JS设计模式——5.单体模式 http://www.cnblogs.com/JChen666/p/3610585.html   单体模式的优势 用了这么久的单体模式,竟全然不知!用它具体有哪些好处呢? 1.可以用它来划分命名空间(这个就是就是经常用的了) 2.利用分支技术来封装浏览器之间的差异(这个还真没用过,挺新鲜) 3.借助单体模式,可以把代码组织的更为一致,方便阅读与维护(这个也用过了) 最基本的单体模式 最简单的单体其实就是一个对象字面量.它把一批有一定关联的方法和属性组织在一起. va…

js模拟java接口检测函数:确保子类实现接口中的方法:(出自js设计模式) 上代码: <script type="text/javascript" > <%--接口工厂方法 start--%> /** name:接口名称:字符串类型 arr_method:接口中的方法名称:数组形式['method1','method2',····] 可以定义接口名称和接口定义的方法名称, **/ //首先编写接口创建工厂,用来创建接口,用以 定义接口需要定义的方法 var I…

一.ES6语法 ES6中对数组新增了几个函数:map().filter().reduce() ES5新增的forEach(). 都是一些语法糖. 1.1 forEach()遍历数组 forEach()方法用来循环遍历数组,方法中的function回调函数接收3个参数 参数1是遍历的数组内容(item):参数2是对应的数组索引(index),参数3是是数组本身(array). [].forEach(function(item,index,array){ ... }) var arr = ["白板&…

js设计模式小结 工厂模式/构造函数--减少重复 - 创建对象有new - 自动创建obj,this赋值 - 无return 原型链模式 - 进一步去重 类是函数数据类型,每个函数都有prototype constructor->指向原型本身 __proto__->指向object类的prototype地址 实例是对象数据类型:每个对象都有__proto__属性->指向所属类的prototype地址 js对原型的操作 给原型添加属性 - Fn.prototype.sum=function…

js设计模式小结 工厂模式/构造函数--减少重复 - 创建对象有new - 自动创建obj,this赋值 - 无return 原型链模式 - 进一步去重 类是函数数据类型,每个函数都有prototype constructor->指向原型本身 __proto__->指向object类的prototype地址 实例是对象数据类型:每个对象都有__proto__属性->指向所属类的prototype地址 js对原型的操作 给原型添加属性 - Fn.prototype.sum=function…

js设计模式有很多种,知道不代表会用,更不代表理解,为了更好的理解每个设计模式,对每个设计模式进行总结,以后只要看到总结,就能知道该设计模式的作用,以及模式存在的优缺点,使用范围. 本文主要参考张容铭著的<JavaScript设计模式>. 1.简单工厂模式 由一个工厂对象决定创建某一种产品对象类的实例,主要用来创建同一类对象. 举例子:1.比如不同的弹出框,有警告框,提示框,确认框等.我们创建一个大类包含包含其共有的部分,比如显示,内容等,再根据创建是选择的类型,再将差异部分添加进去. 2.体…

定义: 观察者模式又叫发布订阅模式,它定义了对象间的一种一对多的依赖关系.观察者模式让两个对象松耦合地联系在一起,虽然不太清楚彼此的细节,但这不影响他们之间的互相通信. 思路 定义一个对象,在对象中实现注册事件,关闭事件和触发事件. js 简单实现 var Observer = { data: {}, // 订阅 register: function (event, func) { if (this.data[event]) { this.data[event].push(func); } el…

一.js面向对象程序 var o1 = new Object();     o1.name = "宾宾";     o1.sex = "男";     o1.age = "27"; o1.msg = function(){     console.log("姓名:"+this.name+"  性别:"+this.sex+"  年龄:"+this.age); }   var o2 = ne…