js產生對象的3種基本方式（工廠模式，構造函數模式，原型模式）

1.工廠模式

function a(name){
  var b = new object();
    b.name = name;
    b.say = function(){
        alert(this.name);
    }   
       return b    
}

函數內部產生b對象並返回。

 

2.構造函數模式

function Person(name, url) {    //注意構造函數名第一個字母大寫
  this.name = name;
  this.url = url;
  this.alertUrl = alertUrl;
}
 
function alertUrl() {
  alert(this.url);
}

因為每構造一個對象就會生成一個alertUrl方法，這樣太浪費資源空間，所以把alertUrl這個方法寫在全局以節省空間，但這樣寫就違背了面向對象編程的初衷，下面的原型模式就更好一些。

 

3.原型模式

function Person(){  
}

Person.prototype.name = "bill";
Person.prototype.address = "GuangZhou";
Person.sayName = function (){
       alert(this.name);  
}

var person1 = new Person();
var person2 = new Person();
 
//測試代碼
alert(person1.name);   // bill
alert(person2.name);    // bill
person1.sayName();    //bill
person2.sayName();    //bill

person1.name = "666";

alert(person1.name);   // 666
alert(person2.name);    // bill
person1.sayName();    //666
person2.sayName();    //bill

  我們創建的每個函數都有prototype（原型）屬性，這個屬性其實是一個指針，指向一個對象。

  當構造一個person對象例如person1之后，它的默認name屬性就是bill。如果要改name值的話就要對person1.name操作。這只是改了這個對象的name屬性。alert(person1.prototype.name)依然是彈出bill，即原型上的name屬性

 

注：這只是本人學習的一些總結，如果有不對的地方還請各位大腿指正！