js对象编成

原文:http://www.cnblogs.com/Darren_code/archive/2011/08/31/JavascripDesignPatterns.html

个人觉得这部分知识点,自己也才刚明白

现记录几个笔记

了解JavaScript设计模式我们需要知道的一些必要知识点：（内容相对基础，高手请跳过）

　　闭包：关于闭包这个月在园子里有几篇不错的分享了，在这我也从最实际的地方出发，说说我的理解。

　　　　1.闭包最常用的方式就是返回一个内联函数（何为内联函数？就是在函数内部声明的函数）；

my:就是在函数结束时,返回的是内部的一个函数,如果把函数的执行结果赋给一个变量,那这个函数的变量会一直存在

　　　　2.在JavaScript中有作用域和执行环境的问题，在函数内部的变量在函数外部是无法访问的，在函数内部却可以得到全局变量。由于种种原因，我们有时候需要得到函数内部的变量，可是用常规方法是得不到的，这时我们就可以创建一个闭包，用来在外部访问这个变量。

　　　　3.闭包的用途 主要就是上一点提到的读取函数内部变量，还有一个作用就是可以使这些变量一直保存在内存中。

　　　　4.使用闭包要注意，由于变量被保存在内存中，所以会对内存造成消耗，所以不能滥用闭包。解决方法是 在退出函数之前，将不使用的局部变量全部删除。

　　　　最后还是上一套闭包的代码吧，这样更直观。

　　function f(){
  　　var n = 999;
  　　function f1(){
   　　 alert(n+=1);
 　　 }
 　　 return f1;
　　}
　　var result = f();
　　result(); // 1000
　　result(); // 1001
　　result(); // 1002

　　封装：通过将一个方法或者属性声明为私用的，可以让对象的实现细节对其他对象保密以降低对象之间的耦合程度，可以保持数据的完整性并对其修改方式加以约束，这样可以是代码更可靠，更易于调试。封装是面向对象的设计的基石。

　　尽管JavaScript是一门面向对象的语言，可它并不具备将成员声明为公用或私用的任何内部机制，所以我们只能自己想办法实现这种特性。下面还是通过一套完整的代码去分析，介绍什么是私有属性和方法，什么是特权属性和方法，什么是公有属性和方法，什么是公有静态属性和方法。

　　私有属性和方法：函数有作用域，在函数内用var 关键字声明的变量在外部无法访问，私有属性和方法本质就是你希望在对象外部无法访问的变量。但是他们实际上还是隶属于对象实例的成员，因为特权方法可以访问他们。

　　特权属性和方法：创建属性和方法时使用的this关键字，因为这些方法定义在构造器的作用域中，所以它们可以访问到私有属性和方法；只有那些需要直接访问私有成员的方法才应该被设计为特权方法。

　　共有属性和方法：直接链在prototype上的属性和方法，不可以访问构造器内的私有成员，可以访问特权成员，子类会继承所有的共有方法。

my:共有属性和方法 与 特权属性和方法  都是在类的实例中被使用的,不同的是特权方法可以访问私有属性

　　共有静态属性和方法：最好的理解方式就是把它想象成一个命名空间，实际上相当于把构造器作为命名空间来使用。

　　/* -- 封装 -- */
　　var _packaging =function(){
   　　//私有属性和方法
   　　var name ='Darren';
   　　var method1 =function(){
    　　  //...
   　　}
   　　//特权属性和方法
   　　this.title ='JavaScript Design Patterns' ;
   　　this.getName =function(){
    　　  return name;
   　　}
　　}
　　//共有静态属性和方法
　　_packaging._name ='Darren code';
　　_packaging.alertName =function(){
   　　alert(_packaging._name);
　　}
　　//共有属性和方法
　　_packaging.prototype = {
   　　init:function(){
      　　//...
   　　}
　　}

　　继承：继承本身就是一个抽象的话题，在JavaScript中继承更是一个复杂的话题，因为JavaScript想要实现继承有两种实现方式，分别是类式继承和原型式继承，每种实现的方式都需要采取不少措施，下面本人通过分析例子的方式讲解JavaScript中这个很重要的话题。

　　/* -- 类式继承 -- */
　　//先声明一个超类
　　function Person(name){
　　　　this.name = name;
　　}
　　//给这个超类的原型对象上添加方法 getName 
　　Person.prototype.getName =function(){
   　　returnthis.name;
　　}
　　//实例化这个超类
　　var a =new Person('Darren1')
　　alert(a.getName());
　　//再声明类
　　function Programmer(name,sex){
   　　//这个类中要调用超类Person的构造函数，并将参数name传给它
   　　Person.call(this,name);
   　　this.sex = sex;
　　}
19　　 //这个子类的原型对象等于超类的实例
　　Programmer.prototype =new Person();
　　//因为子类的原型对象等于超类的实例，所以prototype.constructor这个方法也等于超类构造函数，你可以自己测试一下，如果没这一步，alert(Programmer.prototype.constructor)，这个是Person超类的引用，所以要从新赋值为自己本身
　　Programmer.prototype.constructor = Programmer;
　　//子类本身添加了getSex 方法
　　Programmer.prototype.getSex =function(){
   　　returnthis.sex;
　　}
　　//实例化这个子类
　　var _m =new Programmer('Darren2','male');
　　//自身的方法
　　alert(_m.getSex());
　　//继承超类的方法
　　alert(_m.getName());

　　代码都不难，只要对 原型链 有基础就能理解。类式继承模式是JavaScript继承主要的模式，几乎所有用面向对象方式编写的JavaScript代码中都用到了这种继承，又因为在各种流行语言中只有JavaScript使用原型式继承，因此最好还是使用类式继承。可是要熟悉JavaScript语言，原型继承也是我们必须所了解的，至于在项目中是否使用就得看个人编码风格了。

　　/* -- 原型式继承 -- */
　　//clone()函数用来创建新的类Person对象
　　var clone =function(obj){
var _f =function(){};
   　　//这句是原型式继承最核心的地方，函数的原型对象为对象字面量
   　　_f.prototype = obj; 
   　　returnnew _f;
　　}
　　//先声明一个对象字面量
　　var Person = {
   　　name:'Darren',
   　　getName:function(){
      　　returnthis.name;
   　　}
　　}
　　//不需要定义一个Person的子类，只要执行一次克隆即可
　　var Programmer = clone(Person);
　　//可以直接获得Person提供的默认值，也可以添加或者修改属性和方法
　　alert(Programmer.getName())
　　Programmer.name ='Darren2'
　　alert(Programmer.getName())

　　//声明子类,执行一次克隆即可
　　var Someone = clone(Programmer);