函数作用域以及某些独特的块作用域

某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定义也谁之销毁(全局执行环境直到应用程序退出——例如关闭网页或者浏览器时才会销毁。

通过之前的学习,我们知道通过函数作用域我们可以将内部的变量给隐藏起来,此时会使得外部作用域无法访问包装函数内部的任何内容。但是使用这种技术来隐藏作用域也带来了一些问题:首先,函数名也污染了所处的作用域;其次,必须每次显式调用函数。

而我们所期望看到的是这样的:函数不需要函数名(跟确切的说是函数名不会污染所在作用域);能够自动运行。值得庆幸的是,JavaScript提供了方法以实现上述两个目标:立执行函数表达式(IIFE)。

先不讨论立执行函数表达式的细节,这里我们先讨论一下弄清函数表达式和函数声明的重要性。我们知道函数声明可以声明提升,函数声明必须使用具名函数。那么问题来了,怎么区分函数声明和函数表达式呢?答案就是:看function关键字出现在整个声明中的位置,如果function是出现在整个声明中的第一个词的话,那么他就是一个函数声明,否则就是一个函数表达式。

匿名函数和具名那个函数相比较的缺点:1.栈追踪时没有有意义的函数名,使得调试困难;2.忽略了可读性。所以,我们需要记住的时:始终给函数表达式命名是一个最佳实践。所以说,使用具名函数的立执行函数也是更加值得推广。像下面这样:

var a = 2;
(function IIFE(){var a = 2; console.log(a);})();//3
console.log(a);//2

将IIFE用于UMD。

var a = 2;
(function IIFE(def){def(window);})(function def(global){
  var a = 3;
  console.log(a);
  console.log(global.a);
});

1.块作用域
JavaScript中并不存在什么块作用域,所以像下面这样的语言结构尽管在其他语言里面代表了块作用域,但是在JavaScript中他什么都不是。比方说:

for(var i = 0; i < 10; i++){
  console.log(i);
}

需要指出来的是,这里的变量i并不是在for块中生存的。更进一步说明的话,如果这个for是在全局作用域被调用的话,那么变量i就属于全局作用域。WTF

var foo = true
if(foo){
  var bar = foo * 2
  bar = fun(bar)
  console.log(bar)
}

上面的bar声明简直就是莫名其妙对吧,明明没有块作用域,却一本正经的在一个块中声明变量,用这种写法很容易使我们产生误解。所以必须谨记的是:除了某些特殊情况之外,并不存在什么块作用域。

当然,如果你细究JavaScript的话,那么还是会发现存在某些特殊的块作用域的。总结来说,也就下面这几种场合之下:

  • try/catch的catch块
  • let
  • const

try/catch中的catch块
try/catch中的catch块会创建一个块作用域,其中声明的变量仅在catch块中有效:

try{
  undefined()//TypeError
}catch(err){
  console.log(err)
}
console.log(err)//ReferenceError

从上面的例子,我们可以看出在catch块中声明的err变量仅在catch代码块中能被访问的到,在外界访问的话直接就reference error了,所以说catch代码块可以形成一个块作用域。

let和const
在ES6中新引入的let和const关键字所定义的变量仅存在定义位置所在的那个代码块,所以说这个时候也形成了一个块作用域。举个例子:

var foo = true
if(foo){
  let bar = foo * 2
  bar = fun(bar)
  console.log(bar)
}
console.log(bar)//referenceerror

利用let和const定义变量的时候,均不会使得变量进行声明提升。看个例子:

{
  console.log(bar)//referenceerror
  let bar = 2
}
{
  console.log(baz)//undefined
  var baz = 2
}

关于作用域问题的总结,除了某些特殊的情况之外是不存在块作用域的。这些特殊情况分别是:try/catch,let,const

END

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容