首頁 > web前端 > js教程 > 主體

帶你了解js中[]、{}、()差異(詳解)

烟雨青岚
發布: 2020-07-13 11:22:49
轉載
2486 人瀏覽過

帶你了解js中[]、{}、()差異(詳解)

一、{ } 大括號,表示定義一個對象,大部分情況下要有成對的屬性和值,或是函數體

{}表示物件、[]表示物件的屬性、方法,()如果用在方法名稱後面,代表呼叫

如:

var LangShen = {"Name":"Langshen","AGE":”28”};
登入後複製

上面聲明了一個名為“ LangShen」的對象,多個屬性或函數用,(逗號)隔開,因為是對象的屬性, 

所以訪問時,應該用.(點)來層層訪問:LangShen.Name、LangShen .AGE,

當然我們也可以用數組的方式來訪問,如:LangShen["Name"]、LangShen["AGE"],結果是一樣的。

var LangShen = { 
    Name : function(){ 
        return "LangShen"; 
    }, 
    Age : function(){ 
        return "28"; 
    } 
} 
调用 LangShen.Name()
登入後複製

二、[ ]中括號,表示數組,也可以理解為數組物件

如:var LangShen = [ "Name","LangShen","AGE","28" ];
登入後複製

很明顯,每個值或函數,都是獨立的,多個值之間只用,(逗號)隔開,因為是數組對象,所以它等於: 

var LangShen = Array( "Name","LangShen","AGE","28" );
登入後複製

訪問時,也是和數組一樣,alert( LangShen[0] )

三、{ } 和[ ] 一起使用,我們前面說到,{ } 是一個對象,[ ] 是一個數組,我們可以組成一個對象數組

var LangShen = { 
    "Name":"Langshen", 
    "MyWife":[ "LuLu","26" ], 
    "MySon":[{"Name":"Son1"},{"Name":"Son2"},{"Name":"Son3"}] 
}
登入後複製

從上面的結構來看,是一個物件裡面的第一項是個屬性,第二項是數組,第三個是包含多個物件的數組。

呼叫起來,也是一層一層訪問,物件的屬性用.(點)疊加,數組用 [下標] 來訪問。

如:

alert( LangShen.MySon[1].Name ) ;
var LangShen=[
    {“name”:“wangwu”},
    {“name”:“lieu”}
];
登入後複製

這是一個物件陣列

#四、()多表示參數、{}表示函數體

function show(name){
    Alert(name);
}
es6中,
let show=(name)=>{
    alert(name);
}
登入後複製

在es6如果參數只有一個,或是函數體只有一個話,可以省略()、{},如

let show=name=>alert(name);
登入後複製

 感謝大家的閱讀,希望大家有所收益。

本文轉自:https://blog.csdn.net/qq_20069429/article/details/83267887

推薦教學:《JS教學

以上是帶你了解js中[]、{}、()差異(詳解)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
js
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板