1_变量.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <script>
  11. /*
  12. let 和 var 的区别
  13. 1.let没有变量提升
  14. 2.let 不能重复声明
  15. 3.let具有块级作用域
  16. 4.临时失效区 在这个区域内 不允许同名的变量出现
  17. */
  18. // console.log(a)
  19. // var a = 13
  20. // let b = 10
  21. // let a = 20
  22. // a = 30
  23. // b = 40
  24. // console.log(a,b)
  25. // var a = 10
  26. // var a = 20
  27. // console.log(a)
  28. // let a = 10
  29. // let a = 20
  30. // var a = 10
  31. // function fn(){
  32. // console.log(a)
  33. // var a = 30
  34. // }
  35. // fn()
  36. // let a = 10
  37. // function fn(){
  38. // let a = 'abc'
  39. // console.log(a)
  40. // }
  41. // fn()
  42. // console.log(a)
  43. // var a = true
  44. // if(a){
  45. // let x = 100
  46. // console.log(x)
  47. // }
  48. // console.log(x)
  49. /* 块级作用域 在这个作用域里面生命的变量 只能声明在它的块或者是包含块里面出现
  50. 一旦离开这个作用域 这个变量就不存在
  51. 在块级作用域里面声明的变量 不会污染全局作用域
  52. 有助于 避免变量命名重复
  53. */
  54. // let x = 10
  55. // var x = 10
  56. </script>
  57. </body>
  58. </html>