ES6语法详解

什么是ECMAScript？

ECMAScript是浏览器脚本语言的规范，而我们熟知的js语言，如JavaScript则是规范的具体实现。es6就好比Java的jdk。

一、es6语法详解：let声明变量

1、var声明的变量往往会越域；let声明的变量有严格局部作用域

    {
   
      var a = 1;
      let b = 2;
    }
    console.log(a)  // 1
    console.log(b)  // Uncaught ReferenceError: b is not defined

2、var 可以声明多次；let只能声明一次

 	var m = 1;
    var m = 2;
    let n = 1;
    let n = 2;
    console.log(m) //2
    console.log(n) //Uncaught SyntaxError: Identifier 'n' has already been declared

3、var会变量提升；let不存在变量提升

  	console.log(x);
    var x = 10; // undefined
    console.log(y);
    let y = 12; // Uncaught ReferenceError: Cannot access 'y' before initialization

注意：以后要习惯使用let声明变量

二、es6语法详解：const声明变量 相当于声明了一个常量

1、声明之后不允许改变

	const a = 1;
    console.log(a) //1
    a = 2;
    console.log(a) // Uncaught TypeError: Assignment to constant variable.

2、一旦声明必须初始化，否则会报错

  const a;
  a = 1; 
  console.log(a) //Uncaught SyntaxError: Missing initializer in const declaration

三、es6语法详解：解构表达式

1、数组解构

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

2、对象解构

    const person = {
   
      name: "qiyue",
      age: 23,
      language: ['java', 'js', 'css']
    }
    const {
    name, age, language } = person 
    console.log(name, age, language) //qiyue 23 (3) ["java", "js", "css"]

    const person = {
      name: "qiyue",
      age: 23,
      language: ['java', 'js', 'css'