【JS第32期】模仿块级作用域

146 阅读1分钟

javascript中没有块级作用域这个概念。在块语句中定义的变量,实际上是包含在函数中而非语句中的。如下:

function test(count) {
  for (var i = 0; i < count; i++) {
    console.log(i);
  }
  console.log(i) // 计数
}
test(5)

如上代码,若在java、c++等语言中,变量i在循环结束后会被立即销毁。可在javascript中,变量i是定义在函数的活动对象中,在函数内任何地方可以调用它。如果重写声明变量i,则不会影响原来的结果,但如果赋值的话,则会改变当前值。如: 重新声明

function test(count) {
  for (var i = 0; i < count; i++) {
    console.log(i); // 0 1 2 3 4
  }
  var i; // 重新声明
  console.log(i) // 5
}
test(5)

重新赋值

function test(count) {
  for (var i = 0; i < count; i++) {
    console.log(i); // 0 1 2 3 4
  }
  var i = 'ddd'; // 重新声明
  console.log(i) // ddd
}
test(5)

我们可以运用匿名函数通过模仿块级作用域来避免上面的问题。如:

(function(){
  // 这里是块级作用域
})();

修改后代码如下:

function test(count) {
  (function(){
    for(var i = 0; i < count; i++) {
      console.log(i);
    }
  })()
  console.log(i);  //  i is not defined
}
test(5)

通过匿名函数模仿块级作用域,这样块级作用域下的变量,不会被函数作用域访问。

如有侵权,请发邮箱至wk_daxiangmubu@163.com 或留言,本人会在第一时间与您联系,谢谢!!

关注我们
长按二维码关注我们,了解最新前端资讯