3_块作用域.html 992 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <ul>
  10. <li>a</li>
  11. <li>b</li>
  12. <li>c</li>
  13. <li>d</li>
  14. <li>e</li>
  15. </ul>
  16. <script>
  17. var aLi = document.getElementsByTagName("li");
  18. for(let i=0;i<aLi.length;i++){
  19. aLi[i].onclick = function(){
  20. console.log(i)
  21. }
  22. }
  23. // es6 之前只有函数用域 和 全局作用域
  24. // if(true){
  25. // var a = 10
  26. // }
  27. // console.log(a);
  28. // for(var i = 0; i < 10; i++){
  29. // var a = 10;
  30. // }
  31. // console.log(a)
  32. // let 新增块作用域
  33. // { } 内部定义的变量(使用let)仅在当前作用于生效
  34. // if(true){
  35. // let a = 10;
  36. // }
  37. // console.log(a);
  38. </script>
  39. </body>
  40. </html>