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);

巴特西

javascript 高级编程系列 - 创建对象

最新文章

热门文章