1. 封装与 信息隐藏之间的关系 实质是同一个概念的两种表达,信息隐藏式目的,二封装是借以达到目的的技术方法.封装是对象内部的数据表现形式和实现细节,要想访问封装过额对象中的数据,只有使用自己定义的操作方法.通过封装可以强制实施信息的隐藏. 2. 重新认识创建对象的基本方式 01.用一个函数来做构造器 var Book = function (isbn, title, author){ if(isbn == undefined) throw new Error ('构造器需要一个 isbn');…
封装.信息隐藏与接口的关系 信息隐藏是目的,封装是手段. 接口提供了一份记载着可供公共访问的方法的契约.它定义了两个对象间可以具有的关系.只要接口不变,这个关系的双方都是可以替换的. 一个理想的软件系统应该为所有类定义接口. 创建对象的基本模式 1.门户大开型 var Publication = new Interface('Publication', ['getIsbn', 'setIsbn',...]); //接口 var Book = function(isbn, title, autho…
前面一篇讲了js设计模式的前奏,包括接口的讲解.. 三:封装和信息隐藏: 信息隐藏用来进行解耦,定义一些私有的数据和方法. 封装是用来实现信息隐藏的技术,通过闭包实现私有数据的定义和使用. 接口在这其中扮演的角色是:提供一份记载着可公众访问的方法的契约,它定义了两个对象间可以具有的关系. 接下来介绍一下创建对象的基本模式: 基本模式有3种:门户大开型.用下划线表示方法和属性的私用性.闭包创建私用成员 举个例子,你要创建一个Book类,别人会创建实例并使用. //Book(isbn,title,a…
Function.prototype.method = function(name,fn){ this.prototype[name] = fn; } var Anim = function(){ //---- }; Anim.method("start",function(){ //---- }) Anim.method("stop",function(){ //---- }) //方法的链式调用 Function.prototype.method = funct…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript高级语法6-封装</title> </head> <body> <script> /* * 信息的隐藏是最终的目的,封装只不过是隐藏的一种方法 */ function demo1(){ (function(){ /*类的定义形式: * 1.门…
对于熟悉C#和Java的兄弟们,面向对象的三大思想(封装,继承,多态)肯定是了解的,今天我想讲讲如何在Javascript中利用封装这个特性,开讲! 我们会把现实中的一些事物抽象成一个Class并且把事物的属性(名词)作为Class的Property把事物的动作(动词)作为Class的methods.在面向对象的语言中(C#等)都会有一些关键字来修饰类或者属性(Private,public,protect),这些关键词描述了访问的权限,不多做解释. 我们来看看Javascript的易变的特性(我…
第三章 创建对象的基本模式 方法一:门户大开型 var Book = function(isbn, title, author) {   if(isbn == undefined ) throw new Error ('Book constructor requires an isbn.');   this.isbn = isbn;   this.title = title || 'No title specified';   this.author = author || 'No author…
1.为什么要封装和信息隐藏 做过编程的朋友们知道"耦合"这个词.事实上封装的效果就是为了解耦,让类和类之间没有太多的联系,防止某一天改动某一类的时候,产生"多米骨诺牌效应". 我们能够把信息隐藏看成目的,把封装看成达到信息隐藏的技术. 通过封装就能够把对象的内部数据表现形式和实现细节进行隐藏.就好比你会看电视,可是你不知道电视的内部结构一样. 可是在javascript中没有不论什么内置的机制.所以我们还需做些处理,相同来模仿封装. 2.创建对象的方法 1)最简单的…
本文是学习了<JavaScript设计模式>(谢廷晟 译)做的学习笔记 一.JavaScript的灵活性 1. 普通 functon function startAnimation() {...} function stopAnimation() {...} 2. 类 var Anim = function() {} #构造函数 # 方式一 Anim.prototype.start = function() {...} Anim.prototype.stop = function() {...…
Javascript是越来越厉害了,一统前后端开发.于是最近把设计模式又看了一遍,顺便做了个笔记,以方便自己和他人共同学习. 笔记连载详见:http://www.meteorcn.net/wordpress/2015/07/17/笔记-javascript设计模式-目录/ 笔记 Javascript设计模式 目录 综述: 1. Javascript设计模式本身没有什么技术含量,无非是用动态特性存取现有功能而已 2. 技术基础就是面向对象的实现与理解 3. 绝大多数模式是按功能区分的,明白了Jav…