let 和 const 命令之(块级作用域)

最新推荐文章于 2024-06-10 22:18:41 发布

云隙阳光i

最新推荐文章于 2024-06-10 22:18:41 发布

阅读量32

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/preoccupied_/article/details/132256634

版权

块级作用域

ES5 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。

第一种场景，内层变量可能会覆盖外层变量。

var tmp = new Date();
 
function f() {
  console.log(tmp);
  if (false) {
    var tmp = 'hello world';
  }
}
 
f(); // undefined

上面代码的原意是，if代码块的外部使用外层的tmp变量，内部使用内层的tmp变量。但是，函数f执行后，输出结果为undefined，原因在于变量提升，导致内层的tmp变量覆盖了外层的tmp变量。

第二种场景，用来计数的循环变量泄露为全局变量。

var s = 'hello';
 
for (var i = 0; i < s.length; i++) {
  console.log(s[i]);
}
 
console.log(i); // 5

上面代码中，变量i只用来控制循环，但是循环结束后，它并没有消失，泄露成了全局变量。

关注