javascript 高级编程系列

1. 工厂模式

function createPerson(name, age)
 {
     var obj = {};
     obj.name = name;
     obj.age = age;
     obj.getName = function(){
         return this.name;
     }；
     return obj;
}

var person = createPerson('leon', 30);

2. 构造函数模式

function Person(name, age)
{
    this.name = name;
    this.age = age;
    this.getName = function(){
        return this.name;
    };
}

var person = new Person('leon', 30 );

3. 原型模式 (多个对象实例之间共享属性值和方法）

function Person(){

}
 
Person.prototype = {
     constructor: Person,
     name: 'leon',
     age: 30,
     getName: function(){
         return this.name;
     }
};

var person = new Person();

4. 组合构造函数和原型模式 （构造函数模式与原型模式的结合，属性在构造函数中进行定义，方法在原型中定义）

function Person(name, age)
{
     this.name = name;
     this.age = age;
}

Person.prototype = {
    constructor: Person,
    getName :  function(){
          return this.name;
    }
};

var person = new Person('leon', 30 );

5.动态原型模式 （原型模式的改进为了更好的体现封装）

function Person(name, age)
{
      this.name = name;
      this.age = age;
      if( typeof this.getName != 'function'){
          Person.prototype.getName = function(){
              return this.name;
          }
      }
}

6. 寄生构造函数模式 (工厂模式与构造函数的结合）

 1 function Person(name, age)
 2  {
 3      var obj = {};
 4      obj.name = name;
 5      obj.age = age;
 6      obj.getName = function(){
 7          return this.name;
 8      }；
 9      return obj;
10 }
11 
12 var person = new Person('leon', 30);

7. 稳妥构造函数模式 (工厂模式的安全版，无公共属性，方法中无this引用）

 1 function Person(name, age)
 2  {
 3      var obj = {};
 4      var name =  name;
 5      var age  = age;
 6      obj.getName = function(){
 7          return name;
 8      }；
 9      return obj;
10 }
11 
12 var person = Person('leon', 30);