javascript创建对象的七种模式

1、工厂模式

function createPerson(name,age){
       var obj = new Object();
       obj.name = name;
       obj.age = age;
       function sayName(){
           alert(obj.name);
       };
       sayName();
       return obj;
   }
    var person = createPerson("wutian",22);

2、构造函数模式

function Person(name,age){
       this.name = name;
       this.age = age;
       function sayName(){
           alert(this.name);
       };
       sayName();
   }
    var person = Person("wutian",22);

按照惯例，构造函数始终应该以一个大写字母开头，其中经过了四个步骤：

构造一个新对象->将构造函数的作用域赋值给新对象->执行构造函数代码->返回新对象

 3、原型模式

function Person(){

    }
    Person.prototype.name = "wutian";
    Person.prototype.age = 22;
    Person.prototype.sayName = function(){
        alert(this.name);
    }
    var person1 = new Person();
    var person2 = new Person();
    alert(person1.name === person2.name);//true

说明person1和person2访问的是同一个name

4、组合使用构造函数模式和原型模式

 

 function Person(name,age){
        this.name = name;
        this.age = age;
    }
    Person.prototype= {
            sayName : function(){
                alert(this.name);
            }
    }
    var person1 = new Person('wu',22);
    var person2 = new Person('wu',22);
    alert(person1.name);
    alert(person1 === person2);//false
    alert(person1.sayName === person2.sayName);//true

5、动态原型模式

 

 function Person(name,age){
        this.name = name;
        this.age = age;
        if(typeof this.sayName != "function"){
            Person.prototype.sayName = function () {
                alert(this.name);//如果sayName方法不存在则创建函数
            }
        }
    }
    var person1 = new Person('wu',22);
    person1.sayName();

6、寄生构造函数模式