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