ES6简介及let、var、const区别

ECMAScript6

一、简介

1、什么是ES6？

• ES的全称是ECMAScript，它是由ECMA国际标准化组织，制定的一项脚本语言的标准化规范。

2、为什么使用ES6？

• 变量提升特性增加了程序运行时的不可预测性
• 语法过于松散，实现相同的功能，不同的人可能会写出不同的代码

二、let(ES6新增的用于声明变量的关键字)

（1）let声明的变量只在所处于的块级有效

//let关键字就是用来声明变量的
    let a = 10;
    console.log(a);  //10

//使用let关键字声明的变量具有块级作用域
 if(true){
        let b = 10;
        console.log(b);  //10
    }
    console.log(b);  //报错：b is not defined

//在一个大括号中使用let关键字声明的变量才具有块级作用域，var关键字是不具备这个特点的
    if(true){
        let a = 10;
        var b = 20;
    }
    console.log(b);   //20
    console.log(a);   //报错：a is not defined

//防止循环变量变成全局变量
    for(var i = 0; i < 2; i++){    //使用var

    }
    console.log(i);   //2

    for(let i = 0; i < 2; i++){    //使用let

    }
    console.log(i);   //报错：i is not defined

（2）不存在变量提升

//使用let关键字声明的变量没有变量提升
    console.log(a);   //报错：a is not defined
    let a = 20;

（3）暂时性死区

//使用let关键字声明的变量暂时性死区
    var num = 123;
    if(true){
        console.log(num);   //报错：num is not defined
        let num = 12;
    }

三、 const(ES6新增的关键字)

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

（1）具有块级作用域

 //使用const关键字声明的常量具有块级作用域
    if(true){
        const a = 10;
        console.log(a);   //10
    }
    console.log(a);   //a is not defined

（2）声明常量时必须赋值

//使用const关键字声明的常量必须赋初始值
    const PI;   //报错： Missing initializer in const declaration
    const PI = 3.14;

（3）常量赋值后，值不能修改

//常量声明后值不可更改
	const PI = 3.1415;
    PI = 100;   //报错：Assignment to constant variable 不能更改常量的值

    const arr = [100,200];
    arr[0] = "a";
    arr[1] = "b";
    console.log(arr);   //['a','b']
    arr = ['a','b'];    //报错：Assignment to constant variable

四、let、const、var的区别

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

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

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