温故一下JavaScript中 [] 、{} 、() 区别

一、{ } 大括号，表示定义一个对象

大多数情况下要有成对的属性和值，或是函数体

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

var MyInfo = {"Name":"zhangsan", "AGE":”28”}; 

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

//访问方式“.”来一层一层访问
MyInfo.Name
MyInfo.AGE
//或者使用数组方式[]来访问
MyInfo["Name"]
MyInfo["AGE"]
//都可以

//对象里面有函数体
var MyInfo = { 
    Name : function(){ 
        return "zhangsan"; 
    }, 
    Age : function(){ 
        return "28"; 
    } 
} 
//调用
LangShen.Name();

二、[ ]中括号，表示一个数组

也可以理解为一个数组对象

var MyInfo = [ "Name","zhangsan","AGE","32" ]; 
//等价写法
var MyInfo = Array( "Name","zhangsan","AGE","32" ); 

每个值或函数，都是独立的，多个值之间只用,（逗号）隔开，因为是数组对象，以上等价：

访问时，也是和数组一样，console.log( MyInfo[0] )

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

var family = { 
    "MyName":"Zhangsan", 
    "MyWife":[ "LiHong","31" ], 
    "MySon":[
        {"Name":"ZhangKui"},
        {"sex" :"male"},
        {"age" :"5"}
    ],
    "Mydaughter":{
        "name":"ZhangHua",
        "sex" :"Female",
        "age" :"2"
    }
} 

从上面的结构来看，

一个对象里面的

第一项是个属性，

第二项是一个数组，

第三个是包含有多个 对象数组，

第四项是带key对象。

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

console.log(family.MySon[0].Name);
//等价于
console.log(family['MySon'][0]['Name'])

console.log(family.Mydaughter.name);
//等价于
console.log(family['Mydaughter']['age'])

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

() 具体看放在哪个位置，才能知道他的作用，因为它有多种用法

function myfunction(para){
    console.log(para);
}

es6中，

let myfunction=(para)=>{
    console.log(para);
}

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

let myfunction=para=>console.log(para);