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

