Rumah > hujung hadapan web > tutorial js > 带你了解js中[]、{}、()区别(详解)

带你了解js中[]、{}、()区别(详解)

烟雨青岚
Lepaskan: 2020-07-13 11:22:49
ke hadapan
2535 orang telah melayarinya

带你了解js中[]、{}、()区别(详解)

一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数体

{}表示对象、[]表示对象的属性、方法,()如果用在方法名后面,代表调用

如:

var LangShen = {"Name":"Langshen","AGE":”28”};
Salin selepas log masuk

上面声明了一个名为“LangShen”的对象,多个属性或函数用,(逗号)隔开,因为是对象的属性,

所以访问时,应该用.(点)来层层访问:LangShen.Name、LangShen.AGE,

当然我们也可以用数组的方式来访问,如:LangShen["Name"]、LangShen["AGE"],结果是一样的。

var LangShen = { 
    Name : function(){ 
        return "LangShen"; 
    }, 
    Age : function(){ 
        return "28"; 
    } 
} 
调用 LangShen.Name()
Salin selepas log masuk

二、[ ]中括号,表示一个数组,也可以理解为一个数组对象

如:var LangShen = [ "Name","LangShen","AGE","28" ];
Salin selepas log masuk

很明显,每个值或函数,都是独立的,多个值之间只用,(逗号)隔开,因为是数组对象,所以它等于:

var LangShen = Array( "Name","LangShen","AGE","28" );
Salin selepas log masuk

访问时,也是和数组一样,alert( LangShen[0] )

三、{ } 和[ ] 一起使用,我们前面说到,{ } 是一个对象,[ ] 是一个数组,我们可以组成一个对象数组

var LangShen = { 
    "Name":"Langshen", 
    "MyWife":[ "LuLu","26" ], 
    "MySon":[{"Name":"Son1"},{"Name":"Son2"},{"Name":"Son3"}] 
}
Salin selepas log masuk

从上面的结构来看,是一个对象里面的第一项是个属性,第二项是一个数组,第三个是包含有多个对象的数组。

调用起来,也是一层一层访问,对象的属性用.(点)叠加,数组用 [下标] 来访问。

如:

alert( LangShen.MySon[1].Name ) ;
var LangShen=[
    {“name”:“wangwu”},
    {“name”:“lieu”}
];
Salin selepas log masuk

这是一个对象数组

四、()多表示参数、{}表示函数体

function show(name){
    Alert(name);
}
es6中,
let show=(name)=>{
    alert(name);
}
Salin selepas log masuk

在es6中如果参数只有一个,或者函数体只有一个话,可以省略()、{},如

let show=name=>alert(name);
Salin selepas log masuk

 感谢大家的阅读,希望大家有所收益。

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

推荐教程:《JS教程

Atas ialah kandungan terperinci 带你了解js中[]、{}、()区别(详解). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
js
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan