JS基础 []{}()

Posted 2022-02-13 wgchen~

阅读目录

• 大括号，表示定义一个对象
• [ ] 中括号，表示一个数组
• 和 [ ] 一起使用，表示一个对象数组
• () 多表示参数、 表示函数体
• js 中 var i= 与 var i=[] 的区别

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

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

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

如：

var LangShen = "Name":"Langshen","AGE":"28"; 
console.log(LangShen.Name); // Langshen

上面声明了一个名为 “LangShen” 的对象，多个属性或函数用,（逗号）隔开，因为是对象的属性， 所以访问时，应该用.（点）来层层访问：

LangShen.Name、LangShen.AGE，

当然我们也可以用数组的方式来访问，如：

LangShen["Name"]、LangShen["AGE"]，结果是一样的。

var LangShen = "Name":"Langshen","AGE":"28"; 
console.log(LangShen["Name"]); // Langshen

var LangShen =  
    Name : function() 
        return "LangShen"; 
    , 
    Age : function() 
        return "28"; 
     
 

console.log(LangShen.Name()); // LangShen

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

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

如：

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 ); // Son2

var LangShen=[
    “name”：“wangwu”,
    “name”：“lieu”
];

这是一个对象数组。

() 多表示参数、 表示函数体

function show(name)
    Alert(name);

es6中

let show=(name)=>
    alert(name);

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

let show=name=>alert(name);

js 中 var i= 与 var i=[] 的区别

i= 对象字面量 等同 i = new Object();
i=[] 数组字面量 等同 i = new Array();

一、作用不同

1、var i=：声明了一个对象变量。
2、var i=[]：声明了一个数组变量。

二、存储情况不同

1、var i=：是一个存储器地址，其中拥有值，这个地址可能有标识符指向此处。

2、var i=[]：属于构造数据类型。
一个数组可以分解为多个数组元素，这些数组元素可以是基本数据类型或是构造类型。

三、特点不同

1、var i=：对象具有唯一的标识符，对象包括属性（Properties）和方法（Methods），属性就是需要记忆的信息，方法就是对象能够提供的服务。

2、var i=[]：有了数组，可以用相同名字引用一系列变量，并用数字（索引）来识别。使用数组可以缩短和简化程序，因为可以利用索引值设计一个循环，高效处理多种情况。