1 <html lang="en">
 2 
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7     <title>let和 var const</title>
 8 </head>
 9 
10 <body>
11     <button>按钮1</button>
12     <button>按钮2</button>
13     <button>按钮3</button>
14     <button>按钮4</button>
15     <button>按钮5</button>
16     <script type="text/html">
17  <script type="text/html">
18         //let 和 const 声明 变量和常量 var //01 -作用域只局限于当前代码块 /* { var str = '张三' console.log(str) let str1 = '历史' console.log(str1) } console.log(str) console.log(str1)*/ //02-使用let申明变量做用域不会提升 // 03 -在相同的作用域不能申明相同的变量 /* { var str1 = '张三'; var str1 = '李四'; console.log(str1)
19         let str2 = '王五'; let str2 = '王五'; console.log(str2) }*/ //04 for 循环提现let的父子作用域 /* var btns = document.querySelectorAll("button"); for (var i = 0; i
20         < btns.length; i++) { // btns[i].onclick=f unction() { // alert( "点击了" + i + "按钮") // } //闭包 (function(i) { btns[i].onclick=f unction() { alert( "点击了" + i + "按钮") } })(i) }*/ /* let btns=d ocument.querySelectorAll( "button"); for (let i=0 ; i < btns.length;
21             i++) { btns[i].onclick=f unction() { alert( "点击了" + i + "按钮") } }*/ </script>
22            </body>
23 
24 </html>