ES6——let、const-阿里云开发者社区

ES6——let、const

2023-04-18 91

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： ES6——let、const

什么是ES6

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

ES6 既是一个历史名词，也是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等，而 ES2015 则是正式名称，特指该年发布的正式版本的语言标准。

每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。

变量提升特性增加了程序运行时的不可预测性

语法过于松散，实现相同的功能，不同的人可能会写出不同的代码

let：用于声明变量的关键字

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

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

如果用var呢？

if (true) {
            var a = 10;
            console.log(a);        //10
        }
        console.log(a);            //10

只要用let声明变量才具有块级作用域，var中不存在块级作用域

不存在变量提升

用var：

console.log(a);
        var a = 1;                //undefined

用let：

console.log(a);
        let a = 1;        //报错

上述代码中，变量a用var命令声明，会发生变量提升，变量a已经存在，但没有值。所以输出为undefined，变量a用let声明的话，不会发生变量提升的现象，声明它之前他是不存在的，如果直接用他的话就会报错。

暂时性死区

let声明的变量会绑定在这个块级作用域，不会被外面所影响

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

此代码中，存在全局变量tmp，而且块级作用域中又声明了一个局部变量tmp，导致后面这个tmp绑定这个块级作用域，所以let声明变量前，会报错。

ES6规定：如果区块中存在let和const，那么这个区块对这些声明的变量，会形成封闭作用域，只要在声明之前使用这种变量，那么它就会报错

说白了就是使用let声明变量之前，这个变量都是不可用的。这种语法称为“暂时性死区”简称 TDZ（temporal dead zone）

var arr = [];
        for (var i = 0; i < 3; i++) {
            arr[i] = function () {
                console.log(i);
            }
        }
        arr[0]();        //3
        arr[1]();        //3
        arr[2]();        //3

变量i是全局的，函数执行的时候输出的都是全局作用域下的i值也就是3。

let arr = [];
        for (let i = 0; i < 3; i++) {
            arr[i] = function () {
                console.log(i);
            }
        }
        arr[0]();
        arr[1]();
        arr[2]();

每次循环都会产生一个块级作用域，每个块级作用域中的变量都是不同的，函数执行时输出的是自己上一级（循环产生的块级作用域）作用域下的i值。

总结let：

1、let关键字用来声明变量

2、具有块级作用域

3、在使用一个大括号里面用let声明变量才具有块级作用域，在var中是不具备这一点的

4、防止循环的变量变成全局变量

5、使用let声明的变量没有变量提升

6、let声明的变量具有暂时性死区特点

const

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

它具有块级作用域的特性

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

声明常量时必须赋值

用let声明常量：

let a;
console.log(a);//undefined

用const声明常量：

const a;
console.log(a);//Missing initializer in const declaration

常量赋值后，值不能修改

const a = 99;
a = 100; 
console.log(a);// Assignment to constant variable.

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

总结const：

1、const声明的变量是个常量

2、声明const时必须给值

3、是常量的话不能重新进行赋值，是基本数据类型的话不能更改值，是复杂数据类型，不能更改地址值。

var、let、const的区别

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

2、使用let声明的变量，其作用域为该语句所在的代码块中，并且不存在变量提升。

3、使用const声明的是常量，在后面出现的代码中不能在修改这个常量的值。