ES6参考---let关键字

一、总结

一句话总结：

let关键字是块级作用域，不会预处理, 不存在提升，let会取代var

1、let关键字特点？

a、块级作用域

b、不能重复声明

c、不会预处理, 不存在提升

2、let的一个应用？

循环遍历加监听：let是块级作用域，块中回调函数如果用到变量，变量就会随回调加到内存去

let btns = document.getElementsByTagName('button');
for(let i = 0;i<btns.length;i++){
    btns[i].onclick = function () {
        alert(i);
    }
}

二、let关键字

博客对应课程的视频位置：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4   <meta charset="UTF-8">
 5   <title>01_let关键字</title>
 6 </head>
 7 <body>
 8 
 9 <button>测试1</button>
10 <br>
11 <button>测试2</button>
12 <br>
13 <button>测试3</button>
14 <br>
15 <!--
16 ***let
17 1. 作用:
18   * 与var类似, 用于声明一个变量
19 2. 特点:
20   * 在块作用域内有效
21   * 不能重复声明
22   * 不会预处理, 不存在提升
23 3. 应用:
24   * 循环遍历加监听
25   * 使用let取代var是趋势
26 -->
27 <script type="text/javascript">
28     //console.log(age);// age is not defined
29     let age = 12;
30     //let age = 13;不能重复声明
31     console.log(age);
32     let btns = document.getElementsByTagName('button');
33     for(let i = 0;i<btns.length;i++){
34             btns[i].onclick = function () {
35                 alert(i);
36             }
37     }
38 
39 </script>
40 </body>
41 
42 </html>