JavaScript之E6语法

一.ES6相关概念

1.什么是ES6

ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。

ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，

ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。

二.ES6新增语法
1.let(ES6中新增了用于声明变量的关键字)
let声明的变量只在所处于的块级有效

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

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

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

暂时性死区
只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响

var tmp = 123;

if (true) {
   
  tmp = 'abc'; // ReferenceError
  let tmp;
}

小结

1. let关键字就是用来声明变量的

2. 使用let关键字声明的变量具有块级作用域

3. 在一个大括号中 使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的

4. 防止循环变量变成全局变量

5. 使用let关键字声明的变量没有变量提升

6. 使用let关键字声明的变量具有暂时性死区特性

   2.const(声明常量，常量就是值（内存地址）不能变化的量)

   具有块级作用域

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

声明常量时必须赋值

const PI; // Missing initializer in const declaration

常量赋值后，值不能修改

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

小结

• const声明的变量是一个常量

• 既然是常量不能重新进行赋值，如果是基本数据类型，不能更改值，如果是复杂数据类型，不能更改地址值

• 声明 const时候必须要给定值

  let、const、var 的区别

• 使用 var 声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象

• 使用 let 声明的变量，其作用域为该语句所在的代码块内，不存在变量提升

• 使用 const 声明的是常量，在后面出现的代码中不能再修改该常量的值

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

数组解构

let [a, b, c] = [1, 2, 3];
 console.log(a)//1
 console.log(b)//2
 console.log(c)//3
//如果解构不成功，变量的值为undefined

对象解构

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