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>