ECMAScript6 入门笔记

人盡茶涼 提交于 2019-12-01 16:19:50

看阮一峰巨巨的ECMScript6入门,主要记录ECMAScript6的常用语法,按章节目录,看到哪记到哪。

let命令

声明变量,用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。

123456
{	let a = 10;	var b = 1; } a  b // 1

for循环计数器

1234
for(let i = 0; i < arr.length; i++){}console.log(i)//ReferenceError: i is not defined

let不像var那样会发生“变量提升”现象。所以,变量一定要在声明后使用,否则报错。

只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。

const命令

const也用来声明变量,但是声明的是常量。一旦声明,常量的值就不能改变。

const的作用域与let命令相同:只在声明所在的块级作用域内有效。

const命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用。

变量的解构赋值

ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。

123456789101112131415161718192021
var [a, b, c] = [1, 2, 3];le 大专栏  ECMAScript6 入门笔记t [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = ["foo", "bar", "baz"];third // "baz"let [x, , y] = [1, 2, 3];x // 1y // 3let [head, ...tail] = [1, 2, 3, 4];head // 1tail // [2, 3, 4]let [x, y, ...z] = ['a'];x // "a"y // undefinedz // []

如果解构不成功,变量的值就等于undefined。

另一种情况是不完全解构,即等号左边的模式,只匹配一部分的等号右边的数组。这种情况下,解构依然可以成功。

解构赋值不仅适用于var命令,也适用于let和const命令。

解构赋值允许指定默认值。

12345
var [foo = true] = [];foo // true[x, y = 'b'] = ['a'] // x='a', y='b'[x, y = 'b'] = ['a', undefined] // x='a', y='b'

解构不仅可以用于数组,还可以用于对象。

123
var { foo, bar } = { foo: "aaa", bar: "bbb" };foo // "aaa"bar // "bbb"

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!