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

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

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

如：

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

JS基础 []、{}、()相关推荐

构建node.js基础镜像_我如何使用Node.js构建工作抓取网络应用
构建node.js基础镜像 by Oyetoke Tobi Emmanuel 由Oyetoke Tobi Emmanuel 我如何使用Node.js构建工作抓取网络应用 (How I built a ...
构建node.js基础镜像_在Android上构建Node.js应用程序
构建node.js基础镜像 by Aurélien Giraud 通过AurélienGiraud 在Android上构建Node.js应用程序-第1部分:Termux,Vim和Node.js (Bu ...
JS基础知识学习（一）
JS基础知识前端开发常用的浏览器谷歌浏览器(chrome):Webkit内核(v8引擎) 火狐浏览器(firefox):Gecko内核欧朋浏览器(opera):Presto内核 IE浏览器:Tr ...
# vue.js 之对vue.js基础理解
vue.js 之对vue.js基础理解 Vue构造器 1 . Vue.js是一个构造函数,编程中称之为构造器 2 . 每一个new Vue() 都是一个Vue构造函数的实例,这个过程叫做实例化 3 ...
前端面试题目汇总摘录（JS 基础篇 —— 2018.11.01更新）
温故而知新,保持空杯心态 JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string type ...
JS基础篇--HTML DOM classList 属性
页面DOM里的每个节点上都有一个classList对象,程序员可以使用里面的方法新增.删除.修改节点上的CSS类.使用classList,程序员还可以用它来判断某个节点是否被赋予了某个CSS类. 添加 ...
js基础--数据类型检测的相关知识
欢迎访问我的个人博客:www.xiaolongwu.cn 前言最近工作有点忙,好几天都没更新技术博客了. 周末起床打开有道云笔记,发现自己的博客todolist里躺了一堆只有名字的文件. 话不多说, ...
【译】一份通俗易懂的React.js基础指南-2018
原文链接:tylermcginnis.com/reactjs-tut- by Tyler McGinnis 这篇文章最初发表于2015年1月,但最近被更新为React 16.3以及它所包含的所有优点. ...
SVG.js 基础图形绘制整理（二）
一.折线 var draw = SVG('svg1').size(300, 300); //画折线 //使用字符串点 // var polyline=draw.polyline('0,0 100,50 ...
（七）JS基础知识四（搞定异步）【三座大山之三，必考！！！】
JS基础知识四(异步) 提问单线程应用场景 callback hell和promise 提问同步和异步的区别是什么手写用Promise加载一张图片前端使用的异步的场景有哪些单线程 JS是单 ...

JS基础 []、{}、()

阅读目录