js產生對象的基本方式有哪些

這篇文章給大家分享的是有關js產生對象的基本方式有哪些的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

1.工廠模式

工廠模式是軟件工程領域一種廣為人知的設計模式，而由于在ECMAScript中無法創建類，因此用函數封裝以特定接口創建對象。其實現方法非常簡單，也就是在函數內創建一個對象，給對象賦予屬性及方法再將對象返回即可。

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.原型模式

我們創建的每個函數都有prototype（原型）屬性，這個屬性是一個指針，指向一個對象，而這個對象的用途是包含可以由特定類型的所有實例共享的屬性和方法。使用原型對象的好處就是可以讓所有對象實例共享它所包含的屬性及方法。

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屬性

感謝各位的閱讀！關于“js產生對象的基本方式有哪些”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！