js中[]、{}、()區(qū)別示例淺析
一、{ } 大括號(hào),表示定義一個(gè)對(duì)象,大部分情況下要有成對(duì)的屬性和值,或是函數(shù)體
{}表示對(duì)象、[]表示對(duì)象的屬性、方法,()如果用在方法名后面,代表調(diào)用
如:var LangShen = {"Name":"Langshen","AGE":”28”};
上面聲明了一個(gè)名為“LangShen”的對(duì)象,多個(gè)屬性或函數(shù)用,(逗號(hào))隔開(kāi),因?yàn)槭菍?duì)象的屬性,
所以訪問(wèn)時(shí),應(yīng)該用.(點(diǎn))來(lái)層層訪問(wèn):LangShen.Name、LangShen.AGE,
當(dāng)然我們也可以用數(shù)組的方式來(lái)訪問(wèn),如:LangShen["Name"]、LangShen["AGE"],結(jié)果是一樣的。
var LangShen = { Name : function(){ return "LangShen"; }, Age : function(){ return "28"; } } 調(diào)用 LangShen.Name()
二、[ ]中括號(hào),表示一個(gè)數(shù)組,也可以理解為一個(gè)數(shù)組對(duì)象
如:var LangShen = [ "Name","LangShen","AGE","28" ];
很明顯,每個(gè)值或函數(shù),都是獨(dú)立的,多個(gè)值之間只用,(逗號(hào))隔開(kāi),因?yàn)槭菙?shù)組對(duì)象,所以它等于:
var LangShen = Array( "Name","LangShen","AGE","28" );
訪問(wèn)時(shí),也是和數(shù)組一樣,alert( LangShen[0] )
三、{ } 和[ ] 一起使用,我們前面說(shuō)到,{ } 是一個(gè)對(duì)象,[ ] 是一個(gè)數(shù)組,我們可以組成一個(gè)對(duì)象數(shù)組
var LangShen = { "Name":"Langshen", "MyWife":[ "LuLu","26" ], "MySon":[{"Name":"Son1"},{"Name":"Son2"},{"Name":"Son3"}] }
從上面的結(jié)構(gòu)來(lái)看,是一個(gè)對(duì)象里面的第一項(xiàng)是個(gè)屬性,第二項(xiàng)是一個(gè)數(shù)組,第三個(gè)是包含有多個(gè)對(duì)象的數(shù)組。
調(diào)用起來(lái),也是一層一層訪問(wèn),對(duì)象的屬性用.(點(diǎn))疊加,數(shù)組用 [下標(biāo)] 來(lái)訪問(wèn)。
如:alert( LangShen.MySon[1].Name ) ;
var LangShen=[ {“name”:“wangwu”}, {“name”:“l(fā)ieu”} ];
這是一個(gè)對(duì)象數(shù)組
四、()多表示參數(shù)、{}表示函數(shù)體
function show(name){ Alert(name); }
es6中,
let show=(name)=>{ alert(name); }
在es6中如果參數(shù)只有一個(gè),或者函數(shù)體只有一個(gè)話,可以省略()、{},如
let show=name=>alert(name);
補(bǔ)充:{ } 和 [ ]一起使用,前面說(shuō)過(guò){ }是一個(gè)對(duì)象,[ ] 是一個(gè)數(shù)組,一起使用的話,可以組成一個(gè)對(duì)象數(shù)組
例如:
var xiaoming = { "name":"xiaoming", "hiswife":["xiaoli","24"], "hishabit":[{"habit1":"football"},{"habit2":"adventure"}] }
總結(jié)
到此這篇關(guān)于js中[]、{}、()區(qū)別的文章就介紹到這了,更多相關(guān)js中[]、{}、()區(qū)別內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
js HTML DOM EventListener功能與用法實(shí)例分析
這篇文章主要介紹了js HTML DOM EventListener功能與用法,結(jié)合實(shí)例形式分析了js HTML DOM EventListener事件監(jiān)聽(tīng)相關(guān)用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04JavaScript中常用的3種彈窗(警告框、確認(rèn)框、提示框)
JavaScript提供了幾種常用的彈窗方法,用于與用戶進(jìn)行交互或顯示提示消息,這篇文章主要給大家介紹了關(guān)于JavaScript中常用的3種彈窗的相關(guān)資料,分別包括警告框、確認(rèn)框、提示框,需要的朋友可以參考下2023-09-09JavaScript欄目列表隱藏/顯示簡(jiǎn)單實(shí)現(xiàn)
隱藏側(cè)邊欄,并將圖片換成右箭頭圖片;顯示側(cè)邊欄,并將圖片換成左箭頭,這樣的效果想必大家都很熟悉吧,接下來(lái)實(shí)現(xiàn)下,感興趣的朋友可以參考下哈2013-04-04原生JS和JQuery動(dòng)態(tài)添加、刪除表格行的方法
這篇文章主要介紹了原生JS和JQuery動(dòng)態(tài)添加、刪除表格行的方法,涉及javascript針對(duì)頁(yè)面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2015-05-05js寫(xiě)出遮罩層登陸框和對(duì)聯(lián)廣告并自動(dòng)跟隨滾動(dòng)條滾動(dòng)
這篇文章主要介紹了js寫(xiě)出遮罩層登陸框和對(duì)聯(lián)廣告并自動(dòng)跟隨滾動(dòng)條滾動(dòng),需要的朋友可以參考下2014-04-04