JS中var、let、const 的申明提升和变量污染的区别

记忆怪 bug

已于 2022-03-09 20:43:32 修改

阅读量318

点赞数

分类专栏： js高级文章标签： linq p2p c#

于 2022-03-02 22:02:55 首次发布

本文链接：https://blog.csdn.net/m0_66051368/article/details/123241394

版权

js高级专栏收录该内容

10 篇文章 0 订阅

订阅专栏

var let const 都有声明提升，但是有差别

var：声明提升,默认值是 undefined, 赋值之前可以用
let/const: 声明提升, 默认值是 undefined, 赋值之前`不能用`-- 处于 `暂存死区` 状态

let /const 声明的变量存储在与 window 同级别的脚本区，没有全局污染
let: 不允许变量重名
var重名会覆盖——不好, 所以let不允许重名

全局变量污染

var: 声明的变量存储在声明时所在的作用域中
- 在 script 中直接声明变量, 存储在 window 对象中
  - 由于var在全局声明变量, 自定义的变量存储在window作用域中, 污染了系统提供的 window对象
  - 同名会覆盖 window 中原有属性
- 在函数中声明变量, 存储在函数的作用域里
let/const
- ES6提供的新语法: 在 script中声明的变量, 存储在独立的脚本区, 与window全局区同级别
- 因为独立存储在其他对象中, 所以不会对 window 产生污染

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
      var let const 都有声明提升, 但是有差别
      var: 提升后默认值是 undefined, 可以用
      let/const: 提升后默认值是 undefined, 但是 不可以用
        -- 处于 `暂存死区` 状态,  有但不能用
     -->
    <script>
      console.log(aa) // undefined
      console.log(ab) // 报错: 暂存死区, 有但是不能用
      console.log(ac) // 报错: 暂存死区, 有但是不能用

      var aa = 99
      let ab = 100
      const ac = 101
    </script>
  </body>
</html>

上述代码运行后如图：

需要打断点查看：

记忆怪 bug

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS中var、let、const 的申明提升和变量污染的区别

var let const 都有声明提升，但是有差别 var：提升后默认值是 undefined，可以用 let/const: 提升后默认值是 undefined，但是不可以用 -- 处于 `暂存死区` 状态 let /const 声明的变量存储在与 window 同级别的脚本区，没有全局污染 let: 不允许变量重名 var重名会覆盖——不好, 所以let不允许重名 <!DOCTYPE html><html lang="en".
复制链接

扫一扫