10
0

9_块级作用域.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  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>1</li>
  11. <li>2</li>
  12. <li>3</li>
  13. <li>4</li>
  14. <li>5</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. // // 闭包 函数内部嵌套一个函数 内部函数可以调用外部函数的局部变量,这个变量不会消失 一直保存在内存当中
  24. // var aLi = document.getElementsByTagName("li");
  25. // for (var i = 0; i < aLi.length; i++) {
  26. // (function (i) {
  27. // aLi[i].onclick = function () {
  28. // console.log(i)
  29. // }
  30. // }(i))
  31. // }
  32. // let a = 10;
  33. // if(true){
  34. // console.log(a);
  35. // let a = "hello";
  36. // console.log(a)
  37. // }
  38. // var a = 10;
  39. // function foo(){
  40. // var a;
  41. // console.log(a);
  42. // a = 20;
  43. // console.log(a);
  44. // }
  45. // foo();
  46. // function foo(){
  47. // console.log(10);
  48. // }
  49. // foo()
  50. // var foo = function(){
  51. // console.log(10);
  52. // }
  53. // console.log(foo)
  54. // 立即执行函数
  55. // (function(){
  56. // console.log(10);
  57. // }())
  58. // var a = 10;
  59. // (function(){
  60. // var a = 20;
  61. // console.log(a)
  62. // }())
  63. // console.log(a)
  64. // var a = 10
  65. // function foo(){
  66. // var a = 20
  67. // return function(){
  68. // console.log(++a)
  69. // }
  70. // }
  71. // var foo2 = foo();
  72. // console.log(foo2)
  73. // foo2();
  74. // foo2();
  75. </script>
  76. </body>
  77. </html>