ES6 (一) let与const关键字

前言：

(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const
let可以保证只在自身代码块内有效，这样很大程度上避免了变量重复，加上其本身一些特性，
在以后开发过程中会比一味用var声明香多了（var声明全局变量）；const小糖认为类似于c语言的const，声明之后不准改变变量的值，在ES6中，const声明一个只读变量。

一、let特性

1、let 只在代码块内有效 
       

 {
            let data = 0;
            console.log('data = '+data);   //输出0
        }
        console.log('data = '+data);       //报错 ReferenceError: a is not defined

 

 

2、let命令不能重复声明 var就可以
       

 {
            let data1 = 0;
            let data1 = 1;    // Identifier 'data1' has already been declared
            var data2 = 0;
            var data2 = 1;
            console.log(data1);  //0
            console.log(data2);  //1
        }

 

 3、let 运用场景，用于计数器的使用
       

 for (var i = 0;i < 10;i++) {
            setTimeout(function(){
                console.log(i);
            })
        }   //输出10个10
        //i 变量在全局范围内有效，所以全局只有一个变量

        for (let j = 0;j < 10;j++) {
            setTimeout(function(){
                console.log(j);
            })
        }   //0~9
        //j变量只在本轮循环中有效 实际上就是每次循环产生一个新的 不同的变量
        

 

 

 

4、不存在变量提升
       

 //   let 不存在变量提升，var 会变量提升
        {
            console.log(a);  //Cannot access 'a' before initialization
            let a = "a";
        }
 
        console.log(b);  //undefined
        var b = "b";
//变量 b 用 var 声明存在变量提升，所以开始运行的时候，
//b 已经存在了，但是还没有赋值，所以会输出 undefined。
//变量 a 用 let 声明不存在变量提升，在声明变量 a 之前，a 不存在，所以会报错。

 

 

 

二、const特性

1、类似于c语言的const，声明之后不准改变变量的值，一旦声明必须初始化，否则会报错。

const NUM = "50";

console.log(NUM);   //50

const NUMS;       // SyntaxError: Missing initializer in const declaration

 

 

三、结束语

希望本篇文章可以帮到求知若渴的众多同学吖~
若能帮到 也欢迎点赞、收藏、关注我，后续也会持续发布新文章，祝大家学有所成！
欢迎各位前端大佬留言讨论指教！ 小糖谢谢各位啦~❤  ❤  ❤  ❤