JavaScript设计模式

javaScript设计模式之装饰者模式

1.介绍装饰者模式能够在不改变对象自身的基础上，在程序运行期间对对象动态的添加职责。与继承相比，装饰者是一种更加轻便灵活的做法，这是一种“即用即付”的方式。2.实例引入varPlane=function(){};Plane.prototype.fire=function(){console.log('发射普通子弹');}varMissileDecorator=function(plane){thi
shoushou71·2016-06-27 09:13

常用js设计模式整理

参考《javascript设计模式》——曾探函数节流varthrottle=function(fn,interval){var_self=fn,time
别天·2016-06-14 00:00

谈谈javascript中设计模式第一篇

最近看了一本《Javascript设计模式与开发实践》；这本书写的很不错，书中举的例子也很通俗易懂。一早就想抽点时间写写的从中的感悟，好像也拖了好久了，什么课程设计呀，考试啦。今天终于静下来了。
RuGuo_09·2016-06-01 23:14

javascript this关键字指向详解

今天看了曾探的javascript设计模式，里面特别谈到了this在不同情况下指代的对象，非常有意思。
逆心·2016-05-23 14:00

总结JavaScript设计模式编程中的享元模式使用

享元模式不同于一般的设计模式，它主要用来优化程序的性能，它最适合解决大量类似的对象而产生的性能问题。享元模式通过分析应用程序的对象，将其解析为内在数据和外在数据，减少对象的数量，从而提高应用程序的性能。基本知识享元模式通过共享大量的细粒度的对象，减少对象的数量，从而减少对象的内存，提高应用程序的性能。其基本思想就是分解现有类似对象的组成，将其展开为可以共享的内在数据和不可共享的外在数据，我们称内在
狼狼的蓝胖子·2016-05-21 10:03

Adapter适配器模式在JavaScript设计模式编程中的运用分析

定义适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。速成包装器（wrapper）。适配器的别名是包装器（wrapper），这是一个相对简单的模式。在程序开发中有许多这样的场景：当我们试图调用模块或者对象的某个接口时，却发现这个接口的格式并不符合目前的需求。这时候
i10630226·2016-05-18 11:03

JavaScript设计模式开发中组合模式的使用教程

我们平时开发过程中，一定会遇到这种情况：同时处理简单对象和由简单对象组成的复杂对象，这些简单对象和复杂对象会组合成树形结构，在客户端对其处理的时候要保持一致性。比如电商网站中的产品订单，每一张产品订单可能有多个子订单组合，比如操作系统的文件夹，每个文件夹有多个子文件夹或文件，我们作为用户对其进行复制，删除等操作时，不管是文件夹还是文件，对我们操作者来说是一样的。在这种场景下，就非常适合使用组合模式
狼狼的蓝胖子·2016-05-18 10:53

详解JavaScript设计模式开发中的桥接模式使用

桥接模式将抽象部分与实现部分分离开来，使两者都可以独立的变化，并且可以一起和谐地工作。抽象部分和实现部分都可以独立的变化而不会互相影响，降低了代码的耦合性，提高了代码的扩展性。按照GoF的定义，桥接模式的作用在于“将抽象与其实现隔离开来，以便二者独立变化”。这种模式对于Javascript中常见的事件驱动的编程大有裨益。桥接模式最常见和实际的应用场合之一是事件监听器回调函数。example：事件监
狼狼的蓝胖子·2016-05-18 10:17

javascript设计模式--单例模式

单例模式：只允许实例化一次的对象类这种在基本的编程中可能已经经常的用到，只是不知道是单例模式，就是将方法和属性封装到一个对象里。比如config.js文件，service.js里都会经常用到：app.factory('payInfo',function($location){ //MightusearesourceherethatreturnsaJSONarray return{ getStatu
sinat_29843547·2016-05-07 11:00

Javascript设计模式-单例模式（一）

要实现一个标准的单例模式并不复杂，无非是用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象。varSingleton=function(name){this.name=name;this.instance=null;}Singleton.prototype.getName=function(){alert(this.name);};Singl
hellochenlu·2016-05-06 09:02

javascript设计模式——单例模式

单例模式单例模式是指在您要确保始终只创建一个对象实例时使用的设计模式。在面向对象的经典编程语言中，创建单例模式背后的概念多少有点让人难以理解，因为其中包含一个同时具有静态及非静态属性和方法的类。但本文主要讨论JavaScript，因此，由于JavaScript是一种不包含真正类的动态语言，因此JavaScript版本的单例模式极其简单。为什么需要采用单例模式？在我开始介绍实施细节之前，我需要探讨一
sinat_25127047·2016-05-03 11:00

javascript设计模式——工厂模式

简单工厂模式简单工厂模式会把创建工作交给外部去做。使用一个工厂，您可以将该代码消减为一个函数调用。从一个只包含单个函数的对象字面量开始。在JavaScript中，一个对象字面量/单例就是一个简单工厂的构建方式。在经典的面向对象编程语言中，这将是一个静态类。比如下面创建一个汽车工厂，它包含的方法有创建汽车makeCar，它接受的一个参数是一个字符串数组，该数组映射到不同的装饰者类。varCarFac
sinat_25127047·2016-05-03 11:00

javascript中this的指向问题

本文摘自javascript设计模式与开发实践，关于this的指向问题；博主觉得比较好，特拿来分享。除去不常用的with和eval的情况，具体到实际应用中，this的指向大致可以分为以下4种。
Gr0Ve·2016-04-28 09:00

javascript设计模式--原型模式

Prototype:用原型实例指向创建对象的类，使用于创建新的对象的类共享原型对象的属性及方法．创建一个焦点图//图片轮播类 varLoopImages=function(imgArr,container){ this.imageArray=imgArr;//轮播图片数组 this.container=container;//轮播图片容器 this.createImage=function(){}
sinat_29843547·2016-04-25 10:00

工厂模式

文中示例代码引用自《Javascript设计模式》一书使用工厂模式的目的消除对象间的耦合，简化更换所使用的类的工作以及简化在运行期间动态选择所用类的工作。
goodgirl1991·2016-04-23 17:00

javascript设计模式--Builder

Builder:将一个复杂对象的构建层与其表示层相互分离，同样的构件过程可采用不同的表示．//创建一位人类 varHuman=function(param){ //技能 this.skill=param&&parma.skill||'保密'; //兴趣爱好 this.hobby=param&¶m.hobby||'保密'; } //类人原型方法 Human.prototype={ getSk
sinat_29843547·2016-04-23 12:00

javascript设计模式介绍（七）稳妥构造函数模式

道格拉斯·克罗克福德（DouglasCrockford）发明了JavaScript中的稳妥对象（durableobjects）这个概念。所谓稳妥对象，指的是没有公共属性，而且其方法也不引用this的对象。稳妥对象最适合在一些安全的环境中（这些环境中会禁止使用this和new），或者在防止数据被其他应用程序（如Mashup程序）改动时使用。稳妥构造函数遵循与寄生构造函数类似的模式，但有两点不同：一是
u010378313·2016-04-22 11:00

javascript设计模式介绍（六）寄生构造函数模式

这种模式的基本思想是创建一个函数，该函数的作用仅仅是封装创建对象的代码，然后再返回新创建的对象；但从表面上看，这个函数又很像是典型的构造函数。下面是一个例子。functionPerson(name,age,job){ varo=newObject(); o.name=name; o.age=age; o.job=job; o.sayName=function(){ alert(this.name)
u010378313·2016-04-22 11:00

javascript设计模式介绍（四）组合使用构造函数模式和原型模式

创建自定义类型的最常见方式，就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性，而原型模式用于定义方法和共享的属性。结果，每个实例都会有自己的一份实例属性的副本，但同时又共享着对方法的引用，最大限度地节省了内存。另外，这种混成模式还支持向构造函数传递参数；可谓是集两种模式之长。下面的代码重写了前面的例子。functionPerson(name,age,job){ this.name=
u010378313·2016-04-22 11:00

javascript设计模式介绍（五）动态原型模式

有其他OO语言经验的开发人员在看到独立的构造函数和原型时，很可能会感到非常困惑。动态原型模式正是致力于解决这个问题的一个方案，它把所有信息都封装在了构造函数中，而通过在构造函数中初始化原型（仅在必要的情况下），又保持了同时使用构造函数和原型的优点。换句话说，可以通过检查某个应该存在的方法是否有效，来决定是否需要初始化原型。来看一个例子。functionPerson(name,age,job){ /
u010378313·2016-04-22 11:00

javascript设计模式介绍（三） 原型模式 扩展知识

原型与in操作符有两种方式使用in操作符：单独使用和在for-in循环中使用。在单独使用时，in操作符会在通过对象能够访问给定属性时返回true，无论该属性存在于实例中还是原型中。看一看下面的例子。functionPerson(){} Person.prototype.name="Nicholas"; Person.prototype.age=29; Person.prototype.job="S
u010378313·2016-04-22 10:00

javascript设计模式--抽象工厂模式

抽象工厂模式（abstractFctory）:通过对类的工厂抽象使其业务用于对产品类鏃的创建，而不负责创建某一类产品的实例．//汽车抽象类，当使用其实例对象的方法时会抛出错误 varCar=function(){}; Car.protorype={ getPrice:function(){ returnnewError('抽象方法不能调用！'); }, getSpeed:function(){ r
sinat_29843547·2016-04-22 10:00

javascript设计模式介绍（二） 构造函数模式

我们可以通过创建自定义的构造函数，从而定义自定义对象类型的属性和方法。例如：functionPerson(name.age,sex){ this.name=name; this.age=age; this.sex=sex; this.sayName=function(){alert(this.name);} } 然后我们实例一个Person varperson1=newPerson（"john",
u010378313·2016-04-22 09:00

javascript设计模式介绍（一） 工厂模式

创建对象虽然object构造函数或者对象字面量都可以创建单个对象，这种方式有着明显的缺点：使用同一个接口创建很多对象，会产生大量的重复代码。那么如何解决这个问题呢？工厂模式这种模式抽象了创建具体对象的过程，考虑到ECMAScript中无法创建类，开发人员就发明了一种函数，用函数来封装以特定接口创建对象的细节。functioncreatePerson(name,age,job){ varo=newO
u010378313·2016-04-22 09:00

前端技术 博客文章、书籍 积累

JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《JavaScriptNinjia》《JavaScript语言精粹（修订版）》《JavaScript
北堂棣·2016-04-22 00:00

js中单体

本文为阅读《JavaScript设计模式》一书后总结部分内容而得，其中代码示例皆来源于该书。
goodgirl1991·2016-04-20 17:00

javascript设计模式－－工厂方法模式

工厂方法模式将实际创建对象工作推迟到子类当中。1.安全模式类，用new和不用new都能够得到预期的对象。varDemo=function(){} Demo.prototype={ show:function(){ console.log('成功获取'); } } vard=newDemo(); d.show();//成功获取 vard=Demo(); d.show();//uncaughttype
sinat_29843547·2016-04-19 10:00

读书清单【2016】

技术类《PHP精粹——编写高效PHP代码》《微信公众平台搭建、开发与实践指南》《ModernPHP（中文版）》《PHP高级程序设计模式、框架与测试》《Javascript设计模式》视野拓展类《互联网+》
u013806814·2016-04-19 07:00

前端学习总结（十四）javascript设计模式

一什么是设计模式设计模式（Designpattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。二设计原则要学会设计模式，首先要了解设计模式所依托的设计原则：（1）单一职责原则（SRP原则）：一个对象（方法）只做一件事情。运用的设计模式：代理模式，单例模式，装饰者模式等。（2）最少知识原则（LKP原则）
haoshidai·2016-04-16 20:00

JavaScript设计模式返璞归真

覆盖了《javascript设计模式与开发实践》提到的全部15种javascript内常用的设计模式，具体设计模式的讲解可以翻阅此书。一、语言特
vbdfforever·2016-04-13 21:00

javascript设计模式--简单工厂模式

简单工厂模式（simpleFactory）：又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。主要用来创建同一类对象。举个例子，比如说体育商品店卖体育器材，里面有很多体育用品，及其相关介绍等，当你来到体育用品店卖一个篮球和它的相关介绍的时候，你只需要问售货员，他会帮你找到你所需要的东西。//basketballbaseclass varBaseketball=function(){
sinat_29843547·2016-04-12 10:00

javascript打算看的书

高级程序设计》进阶：《ppk谈JavaScript》《精通JavaScript》《JavaScript高级程序设计》已经提供，请在楼上查找高级：《JavaScript语言精粹》已经提供，请在楼上查找《JavaScript
chimyking·2016-04-08 22:25

javascript设计模式(二)--闭包实现

类的静态变量通过闭包来实现// varBook=(function(){ // varbookNum=0; // functioncheckBook(name){ } // returnfunction(newId,newName,newPrice){ varname,price; functioncheckID(id){} this.getName=function(){}; this.
sinat_29843547·2016-04-08 10:00

js中的信息隐藏——封装

其中部分示例代码来源于《JavaScript设计模式》一书封装的主要目的就是将部分变量和函数隐藏起来，只让使用者看到想让他们看到的东西，而隐藏起来不想让他们看到的东西。
goodgirl1991·2016-04-05 17:00

js中接口的实现

看了《JavaScript设计模式》一书，其中对接口的使用进行了系列介绍，本文为自己总结的内容。首先，为什么要使用接口？举个栗子。现在，我想要创建一个类，这个类的作用，是将传入的内容以另一种格式输出。
goodgirl1991·2016-03-31 18:00

JS闭包大结局（JS闭包系列3）

这篇文章信息主要来源于曾探写的《javascript设计模式与开发实践》一书。JS设计模式与开发实践衔接上一篇，温习一下：我们已经知道：闭包是由于作用域链的机制自然而然形成的。
夏夜星语·2016-03-30 21:05

关于js的几个特点

varbaz;(function(){varfoo=10;varbar=2;baz=function(){returnfoo*bar;}})();baz();本文为学习《Javascript设计模式》一书后总结而来代码格式的灵活性怎么个灵活法
goodgirl1991·2016-03-30 17:00

javascript设计模式（一）--面向对象

1.用对象收编变量对象的属性和方法varCheckObject={ checkName:function(){ //验证姓名 }, checkEmail:function(){ //验证邮箱 }, checkPassword:function(){ //验证密码 } }2.在javascript中，函数也是对象varcheckObject=function(){}; CheckObject.che
sinat_29843547·2016-03-30 10:00

关于js的几个特点

varbaz;(function(){varfoo=10;varbar=2;baz=function(){returnfoo*bar;}})();baz();本文为学习《Javascript设计模式》一书后总结而来代码格式的灵活性怎么个灵活法
goodgirl1991·2016-03-30 00:00

Javascript设计模式之观察者模式(推荐)

推荐阅读：JavaScript观察者模式(经典)1.什么是观察者模式观察者模式有时也称为发布--订阅模式，在观察者模式中，有一个观察者可以管理所有的目标，等到有状态发生改变的时候发出通知。（其实sqlserver中的发布订阅也是这个道理）2.通俗解释假如以前村里的广播是一个观察者，那么每个村民就是被观察对象，如果村子里有通知，政策发生改变的时候，就需要通过广播把这个消息发布出去，而不用直接一家家的
cangowu·2016-03-29 09:01

Javascript设计模式之观察者模式

之前在博客园写了一些博客，大家也可以自己去看一下（博客园设计模式），这两天看了一下观察者模式，写一下自己的总结。1.什么是观察者模式观察者模式有时也称为发布--订阅模式，在观察者模式中，有一个观察者可以管理所有的目标，等到有状态发生改变的时候发出通知。（其实sqlserver中的发布订阅也是这个道理）2.通俗解释假如以前村里的广播是一个观察者，那么每个村民就是被观察对象，如果村子里有通知，政策发生
cangowu·2016-03-29 07:24

Javascript设计模式之观察者模式

之前在博客园写了一些博客，大家也可以自己去看一下（博客园设计模式），这两天看了一下观察者模式，写一下自己的总结。1.什么是观察者模式观察者模式有时也称为发布--订阅模式，在观察者模式中，有一个观察者可以管理所有的目标，等到有状态发生改变的时候发出通知。（其实sqlserver中的发布订阅也是这个道理）2.通俗解释假如以前村里的广播是一个观察者，那么每个村民就是被观察对象，如果村子里有通知，政策发生
wzgdjm·2016-03-29 07:00

javascript视频教程之《ECMA5核心+设计模式》

应用的范围非常广泛，每一个web开发者学好javascript也是必须的，本套视频教程详细的讲解了javascript各个知识点、关键点，其中涉及到高深的函数概念、原型概念、接口概念、单体概念、更是详细的讲解了javascript
2846613430·2016-03-28 14:00

这几个月读完的书

狼图腾》创业创新《穿布鞋的马云》《数字经济大趋势：正在到来的商业机遇》技能相关《phoneGap开发相关指南》《node.js实战》《图解CSS3》《html5canvas核心技术图形、动画游戏开发》《javascript
yingxiake·2016-03-20 23:00

JavaScript设计模式 Item9 --适配器模式Adapter

适配器模式(转换器面模式)，一般是为要使用的接口,不符本应用或本系统使用,而需引入的中间适配层类或对象的情况。适配器模式的作用是解决两个软件实体间的接口不兼容的问题。一、定义适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。速成包装器（wrapper）。适配器的别
i10630226·2016-03-14 16:00

JavaScript设计模式 Item8 --外观模式Facade

外观模式(门面模式)，是一种相对简单而又无处不在的模式。——联想现实生活的例子：套餐服务！！！一、定义外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口值得这一子系统更加容易使用。外观模式不仅简化类中的接口，而且对接口与调用者也进行了解耦。外观模式经常被认为开发者必备，它可以将一些复杂操作封装起来，并创建一个简单的接口用于调用。在JavaScrip
i10630226·2016-03-14 14:00

JavaScript设计模式之二：this、call和apply

(本节内容摘自：Javascript设计模式与开发实践一书，作为自己的笔记保存，希望对有需要的朋友有用)this、call和apply在Javascript编程中应用非常广泛，所以，我们必须先了解它们。
阿振·2016-03-10 12:00

JavaScript设计模式与开发实践系列之策略模式

本系列为《JavaScript设计模式与开发实践》（作者：曾探）学习总结，如想深入了解，请支持作者原版策略模式策略模式的定义：定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。
司想君·2016-03-10 00:00

JavaScript设计模式与开发实践系列之单例模式

本系列为《JavaScript设计模式与开发实践》（作者：曾探）学习总结，如想深入了解，请支持作者原版单例模式实现单例模式单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点。
司想君·2016-03-08 00:00

JavaScript设计模式之一：面向对象的Javascript

(本节内容摘自：Javascript设计模式与开发实践一书，作为自己的笔记保存，希望对有需要的朋友有用)JavaScript没有提供传统面向对象语言中的类式继承，而是通过原型委托的方式来实现对象与对象之间的继承
阿振·2016-03-06 14:00
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他