1_let&const.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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. // var a = 10;
  11. // var a = "str";
  12. // let 新的变量定义方式
  13. // let 定义的变量 不能重复定义
  14. // let a = 10;
  15. // let a = 1;
  16. // let b = "a";
  17. // a = 10;
  18. // var a ;
  19. // console.log(a);
  20. // let 定义的变量 不能在定义前使用 必须先定义再使用
  21. // a = 10;
  22. // let a;
  23. // console.log(a);
  24. // let 不存在变量提升
  25. // const 定义常量 不能重复定义 不能在定义前使用 必须先定义再使用
  26. let a = 10;
  27. a = 20;
  28. a = "a";
  29. console.log(a);
  30. const b = 1;
  31. b = 2;
  32. console.log(b);
  33. // var 存在变量提升
  34. // 变量提升:在代码执行前会先将 var 把变量定义的部分提升到当前作用域的最顶端
  35. // var a;
  36. // console.log(a);
  37. // a = 10;
  38. // function fun(){
  39. // var a
  40. // console.log(a);
  41. // a = 10;
  42. // }
  43. // console.log(a);
  44. // fun();
  45. // var foo;
  46. // console.log(foo);
  47. // foo = function(){
  48. // console.log("hello world");
  49. // }
  50. // foo()
  51. // var foo = function(){
  52. // console.log("hello world");
  53. // }
  54. // 函数提升:在代码执行前会先将函数定义的部分提升到当前作用域的最顶端
  55. // foo()
  56. // function foo(){
  57. // console.log("hello world");
  58. // }
  59. // foo();
  60. // function foo(){
  61. // console.log("hello world");
  62. // }
  63. // var foo = 10;
  64. // var foo;
  65. // function foo(){
  66. // console.log("hello world");
  67. // }
  68. // foo();
  69. // foo = 10;
  70. </script>
  71. </body>
  72. </html>