JavaScript中對(duì)象的不同創(chuàng)建方法
javascript中的對(duì)象與一般的面向?qū)ο蟮某绦蛟O(shè)計(jì)語(yǔ)言(c++,Java等)不同,甚至很少有人說(shuō)它是面向?qū)ο蟮某绦蛟O(shè)計(jì)語(yǔ)言,因?yàn)樗鼪](méi)有類(lèi)。javaScript只有對(duì)象,不是類(lèi)的實(shí)例。javascript中的對(duì)象是基于原型的。
1.1句點(diǎn)運(yùn)算符創(chuàng)建
javascript中的對(duì)象實(shí)際上就是一個(gè)由屬性組成的關(guān)聯(lián)數(shù)組,屬性由名稱(chēng)和值組成,值的類(lèi)型可以是任何數(shù)據(jù)類(lèi)型,或者函數(shù)和其他對(duì)象。
創(chuàng)建一個(gè)簡(jiǎn)單對(duì)象:
var foo = {}; foo.prop_1 = 'bar'; foo.prop_2 = false; foo.prop_3 = function() { return 'hello world'; } console.log(foo.prop_3());
通過(guò)引用賦值給foo,{}是對(duì)象字面量的表示方法,var foo={}也可以通過(guò)var foo = new Object()來(lái)顯示地創(chuàng)建一個(gè)對(duì)象。
1.2 使用關(guān)聯(lián)數(shù)組創(chuàng)建對(duì)象。
var foo = {}; foo['prop_1'] = 'bar'; foo['prop_2'] = false; foo['prop_3'] = function() { return 'hello world'; }
javascript中使用句點(diǎn)運(yùn)算符和關(guān)聯(lián)數(shù)組引用是等價(jià)的。使用關(guān)聯(lián)數(shù)組的好處是在我們不知道對(duì)象的屬性名稱(chēng)的時(shí)候可以用變量來(lái)作為關(guān)聯(lián)數(shù)組的索引。例如:
var some_prop = 'prop_2'; foo[some_prop] = false;
1.3使用對(duì)象初始化器創(chuàng)建對(duì)象
一般我們?cè)谑褂玫臅r(shí)候回采用下面這種方法創(chuàng)建對(duì)象:
var foo = { prop1:'bar', prop2:false, prop3:function(){ return 'hello world'; } };
這種定義的方法稱(chēng)為對(duì)象得出初始化器
1.4 通過(guò)構(gòu)造函數(shù)創(chuàng)建對(duì)象。
前面創(chuàng)建的對(duì)象都是一次性的。如果我們想創(chuàng)建多個(gè)規(guī)劃好的對(duì)象,有若干個(gè)固定的屬性、方法并且能夠初始化。我們可以通過(guò)構(gòu)造函數(shù)來(lái)創(chuàng)建復(fù)雜的對(duì)象:
function User(name,uri){ this.name = name; this.uri = uri; this.display = function() { console.log(this.name); } }
然后可以用new語(yǔ)句創(chuàng)建對(duì)象。
var someuser = new User('byvoid','http://www.byvoid.com');
然后就可以通過(guò)someuser來(lái)訪(fǎng)問(wèn)這個(gè)對(duì)象的屬性和方法。
以上所述是小編給大家介紹的JavaScript中對(duì)象的不同創(chuàng)建方法 ,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- JS中多種方式創(chuàng)建對(duì)象詳解
- javascript對(duì)象的創(chuàng)建和訪(fǎng)問(wèn)
- javascript創(chuàng)建對(duì)象、對(duì)象繼承的實(shí)用方式詳解
- JS創(chuàng)建對(duì)象幾種不同方法詳解
- js創(chuàng)建對(duì)象的方法匯總
- 學(xué)習(xí)javascript面向?qū)ο?掌握創(chuàng)建對(duì)象的9種方式
- 一種新的javascript對(duì)象創(chuàng)建方式Object.create()
- JavaScript創(chuàng)建對(duì)象的方式小結(jié)(4種方式)
- 詳解JavaScript基于面向?qū)ο笾畡?chuàng)建對(duì)象(2)
相關(guān)文章
微信瀏覽器左上角返回按鈕監(jiān)聽(tīng)的實(shí)現(xiàn)
這篇文章主要介紹了微信瀏覽器左上角返回按鈕監(jiān)聽(tīng)的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03JS實(shí)現(xiàn)定時(shí)任務(wù)每隔N秒請(qǐng)求后臺(tái)setInterval定時(shí)和ajax請(qǐng)求問(wèn)題
這篇文章主要介紹了JS實(shí)現(xiàn)定時(shí)任務(wù)每隔N秒請(qǐng)求后臺(tái)setInterval定時(shí)和ajax請(qǐng)求 的相關(guān)資料,需要的朋友可以參考下2017-10-10javascript性能優(yōu)化之DOM交互操作實(shí)例分析
這篇文章主要介紹了javascript性能優(yōu)化之DOM交互操作技巧,結(jié)合實(shí)例形式總結(jié)分析了JavaScript針對(duì)DOM操作過(guò)程中的各種常見(jiàn)優(yōu)化操作技巧,需要的朋友可以參考下2015-12-12