js創(chuàng)建對(duì)象幾種方式的優(yōu)缺點(diǎn)對(duì)比
比較js中創(chuàng)建對(duì)象的幾種方式
1.工廠模式
function createObj(name, sex){ var obj = new Object(); obj.name = name; obj.sex = sex; obj.sayName = function(){ alert(this.name); } return obj; } var person = createObj('Tom', 'man');
缺點(diǎn):①無(wú)法確定對(duì)象的類型(因?yàn)槎际荗bject)。
②創(chuàng)建的多個(gè)對(duì)象之間沒(méi)有關(guān)聯(lián)。
2.構(gòu)造函數(shù)
function createObj(name, sex){ this.name = name; this.sex = sex; this.sayName = function(){ alert(this.name); } } var person = new createObj('Tom', 'man');
缺點(diǎn):①多個(gè)實(shí)例重復(fù)創(chuàng)建方法,無(wú)法共享。
②多個(gè)實(shí)例都有sayName方法,但均不是同一個(gè)Function的實(shí)例。
3.原型方法
function createObj(){} createObj.prototype.name = 'Tom'; createObj.prototype.sex = 'man'; createObj.prototype.sayName = function(){ alert(this.name); } var person = new createObj();
缺點(diǎn):①無(wú)法傳入?yún)?shù),不能初始化屬性值。
②如果包含引用類型的值時(shí),改變其中一個(gè)實(shí)例的值,則會(huì)在所有實(shí)例中體現(xiàn)。
4.組合式(構(gòu)造函數(shù)+原型方法)推薦使用
function createObj(name, sex){ this.name = name; this.sex = sex; } createObj.prototype.sayName = function(){ alert(this.name); } var person = new createObj('Tom', 'man');
優(yōu)點(diǎn):構(gòu)造函數(shù)共享實(shí)例屬性,原型共享方法和想要共享的屬性??蓚鬟f參數(shù),初始化屬性值。
5.動(dòng)態(tài)原型方法
function createObj(name, sex){ this.name = name; this.sex = sex; if(typeof this.sayName != 'function'){ createObj.prototype.sayName = function(){ alert(this.name); } } } var person = new createObj('Tom', 'man');
說(shuō)明:if語(yǔ)句中只會(huì)調(diào)用一次,就是在碰到第一個(gè)實(shí)例調(diào)用方法時(shí)會(huì)執(zhí)。此后所有實(shí)例都會(huì)共享該方法。在動(dòng)態(tài)原型方法下,不能使用對(duì)象字面量重寫(xiě)原型。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- JS創(chuàng)建對(duì)象的寫(xiě)法示例
- javascript創(chuàng)建對(duì)象的3種方法
- javascript如何創(chuàng)建對(duì)象
- js面向?qū)ο笾R?jiàn)創(chuàng)建對(duì)象的幾種方式(工廠模式、構(gòu)造函數(shù)模式、原型模式)
- JavaScript中用字面量創(chuàng)建對(duì)象介紹
- JavaScript中使用Object.create()創(chuàng)建對(duì)象介紹
- js中創(chuàng)建對(duì)象的幾種方式示例介紹
- javascript中創(chuàng)建對(duì)象的幾種方法總結(jié)
- JavaScript創(chuàng)建對(duì)象的寫(xiě)法
- JavaScript創(chuàng)建對(duì)象的七種方式(推薦)
相關(guān)文章
javascript權(quán)威指南 學(xué)習(xí)筆記之javascript數(shù)據(jù)類型
JavaScript中允許使用三種基本數(shù)據(jù)類型 數(shù)字,文本字符和布爾值。其中數(shù)字包括符點(diǎn)數(shù).此外,它還支持兩種小數(shù)據(jù)類型 -null(空)和undefined(未定義),該兩種小數(shù)據(jù)類型,它們各自只定義了一個(gè)值 。2011-09-09簡(jiǎn)單實(shí)現(xiàn)bootstrap選項(xiàng)卡效果
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單實(shí)現(xiàn)bootstrap選項(xiàng)卡效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02經(jīng)過(guò)綁定元素時(shí)會(huì)多次觸發(fā)mouseover和mouseout事件
經(jīng)過(guò)綁定元素時(shí)會(huì)多次觸發(fā)mouseover和mouseout事件,針對(duì)這個(gè)問(wèn)題,下面有個(gè)不錯(cuò)的解決方法2014-02-02JS實(shí)現(xiàn)的進(jìn)制轉(zhuǎn)換,浮點(diǎn)數(shù)相加,數(shù)字判斷操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)的進(jìn)制轉(zhuǎn)換,浮點(diǎn)數(shù)相加,數(shù)字判斷操作,結(jié)合實(shí)例形式分析了JavaScript數(shù)值運(yùn)算、判斷相關(guān)操作技巧,需要的朋友可以參考下2019-11-11微信公眾號(hào)生成新浪短網(wǎng)址的實(shí)現(xiàn)(快速生成)
這篇文章主要介紹了微信公眾號(hào)生成新浪短網(wǎng)址的實(shí)現(xiàn)(快速生成),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08javascript判斷兩個(gè)IP地址是否在同一個(gè)網(wǎng)段的實(shí)現(xiàn)思路
要判斷兩個(gè)IP地址是否在同一個(gè)網(wǎng)段,將它們的IP地址分別與子網(wǎng)掩碼做與運(yùn)算,得到的結(jié)果為網(wǎng)絡(luò)號(hào),具體實(shí)現(xiàn)如下,需要的朋友可以參考下2013-12-12chrome下判斷點(diǎn)擊input上標(biāo)簽還是其余標(biāo)簽的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇chrome下判斷點(diǎn)擊input上標(biāo)簽還是其余標(biāo)簽的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09