普歌-飞灵团队--ES6总结（二）

ES6新增语法

1.let

ES6中新增的用于声明变量的关键字。

• Let声明的变量只在所处于的块级有效。

if (true) {
   let a = 10;
}
console.log(a);  //a is not definded

注意：使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。

• 不存在变量提升

console.log(a);  //a is not definded
let a = 20;

• 暂时性死区

var tmp = 123;
if(true) {
  tmp = 'abc';
  let tmp;
}

2.const

作用：声明常量，常量就是值（内存地址）不能变化的量。

• 具有块级作用域

if (true) {
   let a = 10;
}
console.log(a);  //a is not definded

• 声明常量时必须赋值

const PI;  //Missing initializer in const declaration

• 常量赋值后，值不能修改

const PI = 3.14;
PI = 100;  //Assignment to constant variable

const ary = [100,300];
arr[0] = 'a';
arr[1] = 'b';
console.log(ary);  //['a','b']
ary = ['a','b'];  //Assignment to constant variable

3.let const var 的区别

1. 使用var声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象。
2. 使用let声明的变量，其作用域为该语句所在的代码块内，不存在变量提升。
3. 使用const声明的是常量，在后面出现的代码中，不能再修改该常量的值。

var	let	const
函数级作用域	块级作用域	块级作用域
值可更改	不存在变量提升	不存在变量提升
值可更改	值可更改	值不可更改

4.解构赋值

ES6中允许从数组中提取值按照对应位置对变量赋值对象也可以实现解构。
数组解构

let [a,b,c] = [1,2,3];
console.log(a);
console.log(b);
console.log(c);

如果解构不成功，变量的值为undefined

let [foo] = [];
let [bar,foo] = [1];

对象解构

let person = {name:'zhangsan',age:20};
let {name,age} = person;
console.log(name);  //zhangsan
console.log(age);  //20

let {name:myName,age:myAge} = person;  //myName myAge 属于别名
console.log(myName);  //zhangsan
console.log(myAge);  //20

5.剩余参数

剩余参数语法允许我们将一个不定数量的参数表示为一个数组。

function sum (first,...args) {
         console.log(first);  //10
         console.log(args);  //[20,30]
} 
sum[10,20,30];

剩余参数和解构配合使用

let students = ['zhangsan','liHua','wangwu'];
let [s1,...s2] = students;
console.log(s1);  //'zhangsan'
console.log(s2);  // ['liHua','wangwu']

———————————————————————————————————————
作者：wx_mz
出处/源自：wx_mz的《普歌-飞灵团队–ES6总结（二）》
本文版权归作者和CSDN共有，欢迎转载，且在文章页面明显位置给出原文链接，未经作者同意必须保留此段声明，否则保留追究法律责任的权利。