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>