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

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

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

而我们所期望看到的是这样的:函数不需要函数名(跟确切的说是函数名不会污染所在作用域);能够自动运行。值得庆幸的是,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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容