JavaScript對(duì)象創(chuàng)建方式

方式 1:字面量(直接量)創(chuàng)建對(duì)象

形式 :主要通過(guò) var obj = { ... };語(yǔ)句進(jìn)行創(chuàng)建肋僧。

優(yōu)點(diǎn) :1)創(chuàng)建方式簡(jiǎn)單,快捷止潘,清晰覆山,適用于創(chuàng)建單個(gè)或非常少量或?qū)傩苑椒ǚ浅](méi)有規(guī)律的對(duì)象泥栖。
2)創(chuàng)建和添加屬性及屬性值可以在一個(gè)語(yǔ)句完成勋篓。
缺點(diǎn) :1)創(chuàng)建效率低譬嚣,不適用于程序化地生成多個(gè)對(duì)象。
2)生成的對(duì)象不具有相應(yīng)的對(duì)象類(lèi)型殊鞭,只是一個(gè)個(gè)單獨(dú)的對(duì)象操灿。

方式 2: new Object()創(chuàng)建對(duì)象

形式 :主要通過(guò) var obj = new Object();語(yǔ)句先創(chuàng)建一個(gè)對(duì)象(此時(shí)完全等價(jià)于 var obj = {}; 語(yǔ)句 )趾盐,然后再對(duì)這個(gè)對(duì)象進(jìn)行添加相應(yīng)的屬性和屬性值小腊。

優(yōu)點(diǎn) :相對(duì)來(lái)說(shuō)更直觀看出是在創(chuàng)建一個(gè)對(duì)象。

缺點(diǎn) :1)創(chuàng)建過(guò)程麻煩本缠,創(chuàng)建和添加屬性及屬性值要分兩個(gè)步驟完成丹锹。
2)創(chuàng)建效率低,不適用于程序化地生成多個(gè)對(duì)象峻村。
3)生成的對(duì)象不具有相應(yīng)的對(duì)象類(lèi)型锡凝,只是一個(gè)個(gè)單獨(dú)的對(duì)象。

方式 3:工廠模式(工廠方法张肾、工廠方式)創(chuàng)建對(duì)象

形式 :通過(guò)調(diào)用同一個(gè)函數(shù)生成多個(gè)對(duì)象

function createPerson (name,age,sex) {//工廠方式創(chuàng)建對(duì)象
    var p = {};             //方式1
    p.name = name;
    p.age = age;
    p.sex = sex;
    return p;
//  var p = {               //方式2  
//      name : name;
//      age : age;
//      sex : sex;
//  }
//  return p;
//  return {    //方式3(ES6 新增吞瞪,此時(shí)需考慮兼容性)
//      name,   //  此時(shí)相當(dāng)于 name = name; 以下依次類(lèi)推
//      age,
//      sex
//  }
}

var p1 = createPerson("張三",120,"男");
var p2 = createPerson("李四",56,"女");

優(yōu)點(diǎn) :1)可以通過(guò)調(diào)用同一個(gè)函數(shù)生成多個(gè)對(duì)象芍秆,提高代碼的效率妖啥。
2)可以使用一些ES6新增的較為簡(jiǎn)潔的書(shū)寫(xiě)方式寫(xiě)在封裝函數(shù)里对碌,但是需考慮兼容性。

缺點(diǎn) :1)當(dāng)只定義單個(gè)對(duì)象時(shí)書(shū)寫(xiě)過(guò)于麻煩怀读,累贅菜枷。
2)生成的對(duì)象不具有相應(yīng)的對(duì)象類(lèi)型惜姐,只是一個(gè)個(gè)單獨(dú)的對(duì)象。

方式 4 :通過(guò)構(gòu)造函數(shù)創(chuàng)建對(duì)象

形式 :使用var obj = new 類(lèi)型名(屬性值);和調(diào)用同一個(gè)函數(shù)(此時(shí)這個(gè)函數(shù)叫構(gòu)造函數(shù))方式創(chuàng)建對(duì)象

function Person (name,age,sex) {  
    this.name = name; // 如果調(diào)用時(shí)用的new方式坷衍,則this指代將來(lái)要?jiǎng)?chuàng)建的那個(gè)對(duì)象(此時(shí)這個(gè)函數(shù)叫構(gòu)造函數(shù))枫耳,如果不是用new方式而當(dāng)作一個(gè)普通函數(shù)使用時(shí)孟抗,則this指的是window
    this.age = age;
    this.sex = sex; 
//  return this;  //new時(shí)自動(dòng)的返回this钻心,可以省略
    當(dāng)做構(gòu)造函數(shù)的時(shí)候捷沸,默認(rèn)返回的是this痒给;當(dāng)顯示的去返回一個(gè)新的對(duì)象,則外面拿到的就是這個(gè)新的對(duì)象苍柏,如果返回的不是一個(gè)對(duì)象试吁,則返回給外面的還是this
//  return {        //(ES6新增)但是此時(shí)即使在調(diào)用的時(shí)用的new方式雖然返回值使得對(duì)象內(nèi)容相同楼咳,但此時(shí)對(duì)象不是一個(gè)類(lèi)型爬橡,與工廠方式效果一樣棒动,故不能這樣用。
//      name,
//      age,
//      sex
//  }
}

var p1 = new Person("張三",120,"男"); //構(gòu)造函數(shù)方式創(chuàng)建對(duì)象
var p2 = new Person("李四",56,"女");

優(yōu)點(diǎn) :1)可以通過(guò)調(diào)用同一個(gè)函數(shù)生成多個(gè)對(duì)象柜裸,提高代碼的效率疙挺。
2)生成的對(duì)象具有相應(yīng)的對(duì)象類(lèi)型,不僅僅只是生成一個(gè)個(gè)單獨(dú)的對(duì)象铐然。

缺點(diǎn) :1)當(dāng)只定義單個(gè)對(duì)象時(shí)書(shū)寫(xiě)過(guò)于麻煩搀暑,累贅跨琳。
2)不可以使用一些ES6新增的較為簡(jiǎn)潔的書(shū)寫(xiě)方式寫(xiě)在封裝函數(shù)里脉让,不然會(huì)造成返回的對(duì)象不具有相應(yīng)的對(duì)象類(lèi)型功炮,而只是一個(gè)個(gè)單獨(dú)的對(duì)象薪伏。

方式 5:通過(guò)原型創(chuàng)建對(duì)象

形式 :使用var obj = new 類(lèi)型名(屬性值);和調(diào)用同一個(gè)函數(shù)(此時(shí)這個(gè)函數(shù)叫構(gòu)造函數(shù))方式創(chuàng)建對(duì)象毅该,但是屬性及方法的添加在原型中。

function Person1 (name,age) { 
}
 Person1.prototype = { 
    construcor : Person1,//使原型對(duì)象重新指向Person1
    this.name : name,  //原型有屬性共享的缺點(diǎn)
    this.age : age,
    this.add : function () {}, //原型實(shí)現(xiàn)方法共享的優(yōu)點(diǎn)
    console.log(this.name + "在說(shuō)"); //this根據(jù)調(diào)用方式不同this指代的對(duì)象不同
 }
 var p1 = new Person1();

優(yōu)點(diǎn) :方法共享

缺點(diǎn) :屬性共享

方式 6:動(dòng)態(tài)原型創(chuàng)建對(duì)象

形式 :通過(guò)保留構(gòu)造函數(shù)和原型的優(yōu)點(diǎn)且避免他們各自的缺點(diǎn)來(lái)實(shí)現(xiàn)眶掌。

function Person1 (name,age) { //構(gòu)造函數(shù)實(shí)現(xiàn)屬性不共享的優(yōu)點(diǎn)
    this.name = name;
    this.age = age;
    this.add = function () {};
    if (!Person1.prototype.speak) {//動(dòng)態(tài)原型   //if語(yǔ)句用來(lái)避免重復(fù)性的生成相同的函數(shù)造成內(nèi)存浪費(fèi)
        Person1.prototype.speak = function () { //原型實(shí)現(xiàn)方法共享的優(yōu)點(diǎn)
            console.log(this.name + "在說(shuō)");
        }
    } //方法是可以寫(xiě)在構(gòu)造函數(shù)外面的,但是為了實(shí)現(xiàn)封裝的整體性加到了構(gòu)造函數(shù)里面橡淆。
}
var p = new Person1();

優(yōu)點(diǎn) :保留構(gòu)造函數(shù)和原型的優(yōu)點(diǎn)且避免他們各自的缺點(diǎn)逸爵。

缺點(diǎn) :對(duì)于具有多個(gè)方法時(shí),if語(yǔ)句有點(diǎn)繁瑣师倔。

方式 7:動(dòng)態(tài)原型演變方式創(chuàng)建對(duì)象

形式 :在動(dòng)態(tài)原型上完善趋艘。

function Person1 (option) { //動(dòng)態(tài)原型演變方式1
//  this.name = option.name;  //添加屬性方式1瓷胧,屬性名和屬性值的添加在構(gòu)造函數(shù)中進(jìn)行
//  this.age = option.age;  
//  this.add = function () {};
//  for(var index in option){ //添加屬性方式2,適用于屬性名及屬性值不修改的情況
//      this[index] = option[index];
//  }
    this._init(option);//動(dòng)態(tài)原型演變方式2杂数,把屬性的添加整合到原型中
}
Person1.prototype = {
    _init : function (option){//動(dòng)態(tài)原型演變方式2
        for(var index in option){
            this[index] = option[index];
        }
    },
    constructor : Person1, //讓對(duì)象的constructor重新指向Person1
    speak : function () {
        console.log(this.name + "在說(shuō)");
    }
}
var pp1 = new Person1({name : "張三",age : 30});
var pp2 = new Person1({name : "李四",age : 40});
pp1.speak();//張三在說(shuō)
pp2.speak();//李四在說(shuō)
console.log(pp1.speak === pp2.speak); //true
console.log(pp1.add == pp2.add); //false

優(yōu)點(diǎn) :(1)保留構(gòu)造函數(shù)和原型的優(yōu)點(diǎn)且避免他們各自的缺點(diǎn)揍移。
(2)把對(duì)象的初始化都整合到原型中生成货矮,方便操作,并且避免了if語(yǔ)句的繁瑣。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市燃少,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌碍遍,老刑警劉巖怕敬,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件帘皿,死亡現(xiàn)場(chǎng)離奇詭異鹰溜,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)斋日,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)恶守,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)熬的,“玉大人,你說(shuō)我怎么就攤上這事岔绸。” “怎么了晋被?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵羡洛,是天一觀的道長(zhǎng)欲侮。 經(jīng)常有香客問(wèn)我,道長(zhǎng)威蕉,這世上最難降的妖魔是什么韧涨? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮如孝,結(jié)果婚禮上暑竟,老公的妹妹穿的比我還像新娘育勺。我一直安慰自己,他們只是感情好腹躁,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布纺非。 她就那樣靜靜地躺著烧颖,像睡著了一般炕淮。 火紅的嫁衣襯著肌膚如雪跳夭。 梳的紋絲不亂的頭發(fā)上币叹,一...
    開(kāi)封第一講書(shū)人閱讀 51,708評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音颈抚,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛驱富,可吹牛的內(nèi)容都是我干的锚赤。 我是一名探鬼主播,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼萌朱,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼宴树!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起晶疼,我...
    開(kāi)封第一講書(shū)人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤酒贬,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后翠霍,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體锭吨,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年寒匙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了零如。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片考蕾。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡掸鹅,死狀恐怖葵姥,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情牡辽,我是刑警寧澤麸澜,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響限寞,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜玫霎,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一鼻种、第九天 我趴在偏房一處隱蔽的房頂上張望校读。 院中可真熱鬧蛾洛,春花似錦、人聲如沸谎碍。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)惦费。三九已至喷兼,卻和暖如春臀突,著一層夾襖步出監(jiān)牢的瞬間藕筋,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留瓮顽,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓黔漂,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子辽剧,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 博客內(nèi)容:什么是面向?qū)ο鬄槭裁匆嫦驅(qū)ο竺嫦驅(qū)ο缶幊痰奶匦院驮瓌t理解對(duì)象屬性創(chuàng)建對(duì)象繼承 什么是面向?qū)ο?面向?qū)ο?..
    _Dot912閱讀 1,424評(píng)論 3 12
  • 如何優(yōu)雅的去創(chuàng)建一個(gè)對(duì)象 在javascript中,創(chuàng)建一個(gè)對(duì)象有很多方法,但很多時(shí)候我們得根據(jù)我們的需求去選擇其...
    俗三瘋閱讀 346評(píng)論 0 0
  • 普通創(chuàng)建對(duì)象和字面量創(chuàng)建對(duì)象不足之處:雖然 Object 構(gòu)造函數(shù)或?qū)ο笞置媪慷伎梢杂脕?lái)創(chuàng)建單個(gè)對(duì)象颜骤,但這些方式有...
    believedream閱讀 2,377評(píng)論 2 18
  • 簡(jiǎn)書(shū)Markdown編輯模式設(shè)置(web端) 登陸簡(jiǎn)書(shū) 點(diǎn)擊頁(yè)面左側(cè)設(shè)置 右邊設(shè)置里有一個(gè)基本設(shè)置楼入,基本設(shè)置里有一...
    hanhaotian87閱讀 436評(píng)論 0 2
  • 這是爺爺家的菜地,爺爺?shù)牟说剡€包括葡萄。 你知道為什么葡萄架是歪的嗎?我覺(jué)得應(yīng)該是上次下暴風(fēng)雨的時(shí)候給吹歪的,其實(shí)...
    任雪銀閱讀 483評(píng)論 0 0