js創(chuàng)建對象的幾種常用方式小結(jié)(推薦)
更新時間：2010年10月24日 17:35:04 作者：
最近在看javascript高級程序設計，其中對對象的創(chuàng)建做了具體的闡述，綜合起來，總結(jié)了下（je知識庫javascript專欄由這方面的教程，有興趣的可以去知識庫看看）
第一種模式：工廠方式
復制代碼 代碼如下:
var lev=function(){
return "腳本之家";
};
function Parent(){
var Child = new Object();
Child.name="腳本";
Child.age="4";
Child.lev=lev;
return Child;
};
var x = Parent();
alert(x.name);
alert(x.lev());
說明：
1.在函數(shù)中定義對象,并定義對象的各種屬性，,雖然屬性可以為方法，但是建議將屬性為方法的屬性定義到函數(shù)之外，這樣可以避免重復創(chuàng)建該方法
2.引用該對象的時候，這里使用的是 var x = Parent()而不是 var x = new Parent();因為后者會可能出現(xiàn)很多問題（前者也成為工廠經(jīng)典方式,后者稱之為混合工廠方式），不推薦使用new的方式使用該對象
3.在函數(shù)的最后返回該對象
4.不推薦使用這種方式創(chuàng)建對象，但應該了解
第二種模式：構造函數(shù)方式
復制代碼 代碼如下:
var lev=function(){
return "腳本之家";
};
function Parent(){
this.name="腳本";
this.age="30";
this.lev=lev;
};
var x =new Parent();
alert(x.name);
alert(x.lev());
說明：
1.與工廠方式相比，使用構造函數(shù)方式創(chuàng)建對象，無需再函數(shù)內(nèi)部重建創(chuàng)建對象，而使用this指代，并而函數(shù)無需明確return
2.同工廠模式一樣，雖然屬性的值可以為方法，扔建議將該方法定義在函數(shù)之外
3..同樣的，不推薦使用這種方式創(chuàng)建對象，但仍需要了解
第三種模式：原型模式
復制代碼 代碼如下:
var lev=function(){
return "腳本之家";
};
function Parent(){
};
Parent.prototype.name="李小龍";
Parent.prototype.age="30";
Parent.prototype.lev=lev;
var x =new Parent();
alert(x.name);
alert(x.lev());
說明：
1.函數(shù)中不對屬性進行定義
2.利用prototype屬性對屬性進行定義
3.同樣的，不推薦使用這樣方式創(chuàng)建對象
第四種模式：混合的構造函數(shù)，原型方式（推薦）
復制代碼 代碼如下:
function Parent(){
this.name="腳本";
this.age=4;
};
Parent.prototype.lev=function(){
return this.name;
};;
var x =new Parent();
alert(x.lev());
說明：1.該模式是指混合搭配使用構造函數(shù)方式和原型方式
2.將所有屬性不是方法的屬性定義在函數(shù)中（構造函數(shù)方式）
將所有屬性值為方法的屬性利用prototype在函數(shù)之外定義（原型方式）
3.推薦使用這樣方式創(chuàng)建對象,這樣做有好處和為什么不單獨使用構造函數(shù)方式和原型方式，由于篇幅問題這里不予討論
第五種模式：動態(tài)原型方式
復制代碼 代碼如下:
function Parent(){
this.name="腳本";
this.age=4;
if(typeof Parent._lev=="undefined"){
Parent.prototype.lev=function(){
return this.name;
}
Parent._lev=true;
}
};
var x =new Parent();
alert(x.lev());
說明：
1.動態(tài)原型方式可以理解為混合構造函數(shù)，原型方式的一個特例
2.該模式中,屬性為方法的屬性直接在函數(shù)中進行了定義，但是因為
復制代碼 代碼如下:
if(typeof Parent._lev=="undefined"){
Parent._lev=true;}
從而保證創(chuàng)建該對象的實例時，屬性的方法不會被重復創(chuàng)建
3.，推薦使用這種模式
相關文章
javascript 面向?qū)ο蟮腏avaScript類
這一節(jié)來說下緊接著的一個概念——類。雖然JavaScript中沒有class關鍵字，但作為開發(fā)人員我們一定要有這個思想。在C#中類可以分為實例類和靜態(tài)類，JavaScript亦然。2010-05-05
從面試題學習Javascript 面向?qū)ο螅▌?chuàng)建對象）
從面試題學習Javascript 面向?qū)ο螅▌?chuàng)建對象），學習js的朋友可以參考下2012-03-03
原型和閉包是Js語言的難點，此文主要講原型及原型實現(xiàn)的繼承，在（二）中會講下閉包，希望對大家有所幫助。若有疑問或不正之處，歡迎提出指正和討論。2010-07-07
逸云.framework by Neequ 幫助：將改寫函數(shù)體，使得同名函數(shù)可以同時執(zhí)行 func 將之加殼的函數(shù)體字符串 name 函數(shù)名 obj 可選，默認為 window，為應用函數(shù)的父對象，多用于事件綁定2007-12-12
javascript中的類是用函數(shù)function表示的2010-05-05
在說這個話題之前，我想先說幾句題外話：最近偶然碰到有朋友問我“hoisting”的問題。即在js里所有變量的聲明都是置頂?shù)?，而賦值則是在之后發(fā)生的。2010-11-11
JS 對象介紹,需要的朋友可以參考下。2010-01-01
javascript最常用與實用的創(chuàng)建類的代碼
組合構造函數(shù)模式和原型模式2010-08-08
我說過，我要寫一個JS的框架，我知道有人會從心底BS我，但是：你繼續(xù)BS吧！我還是要寫我的JOBJ。2008-03-03
這兩天幫同學做秒殺網(wǎng)，打算將前臺和后臺徹底分離，僅用ajax通信。這樣就免不了大量的使用javascript，于是發(fā)現(xiàn)，js果然是難學難用。2011-06-06