10
0

2_变量提升.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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. <script>
  10. // a = 1;
  11. // console.log(a+1)
  12. // console.log(a);
  13. // var a;
  14. // 变量提升:当前变量的定义部分会提升到当前作用域的最顶端
  15. // 作用域链:在寻找使用变量的时候,先从当前作用域中查找,如果有直接使用,如果没有向上一层逐层去找。
  16. // var a = 1;
  17. // function foo(){
  18. // console.log(a);
  19. // var a = 2;
  20. // }
  21. // console.log(a);
  22. // foo();
  23. // //===》
  24. // var a = 1;
  25. // function foo(){
  26. // var a;
  27. // console.log(a);
  28. // a = 2;
  29. // }
  30. // console.log(a);
  31. // foo();
  32. // var foo = function(){
  33. // }
  34. // 函数提升:会将当前函数定义部分提升到当前作用域的最顶端
  35. // foo();
  36. // function foo(){
  37. // console.log("a");
  38. // }
  39. // console.log(foo);
  40. // var foo = function(){
  41. // console.log("hello foo");
  42. // }
  43. console.log(a);
  44. let a = 10;
  45. </script>
  46. </body>
  47. </html>