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

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 或留言，本人会在第一时间与您联系，谢谢！！

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