函数作用域和块作用域

函数中的作用域

function foo(a) {

var b = 2;

// 一些代码

function bar() {

// ...

}

// 更多的代码

var c = 3; }

分析上述代码了解函数作用域知识点。

1 .foo(..) 的作用域气泡中包含了标识符 a、b、c 和 bar

2.全局作用域只包含 foo  说明 foo() 包含 于标识符 a、b、c 和 bar  因此无法从foo 外部对他们进行访问,也就是说无法从全局作用域来访问,只能在内部访问问(假设 bar(..) 内部没有同名的标识符声明)。 例如 bar() 这样访问就会报错!

隐藏内部实现

直观看就是 {//代码} 在2个大括号之间的代码就被隐藏起来了。

1. 内容私有化

2. 规避冲突

   规避冲突大致2种实现方法 

      1.全局命名空间

      var MyReallyCoolLibrary = {

          awesome: "stuff",

           doSomething: function() {

               // ...

          },

        }

      2. 模块管理 

函数作用域

在任意代码片段外部添加包装函数,可以将内部的变量和函数定义“隐藏”起来,外部作用域无法访问包装函数内部的任何内容。

匿名函数

一般回调函数用的多。

例如 : setTimeout(function(){});

匿名函数表达式,没有名称标识符。、

缺点

1. 匿名函数在栈追踪中不会显示出有意义的函数名,使得调试很困难。

2. 匿名函数无法引用自身进行递归。只能用过期的 arguments.callee 在事件触发后事件监听器需要解绑.

3. 匿名函数省略了对于代码可读性

setTimeout( function timeoutHandler() { // <-- 快看,我有名字了!

console.log( "I waited 1 second!" );

}, 1000 );

立即执行函数表达式

例子 :

(function foo() {

console.log(3); // 3

})();

一个()内 函数 为函数表达式  

(function foo() {

console.log(3); // 3

})

(//函数)()  立即执行。

另一种方式

(function foo(){}());

UMD通用规范

(function IIFE( def ) {

if (typeof define === 'function' && define.amd) {

// AMD

define([],def);

} else if (typeof exports === 'object') {

// Node, CommonJS之类的

module.exports = factory(require('def'));

} else {

// 浏览器全局变量(root 即 window)

root.returnExports = factory(def);

}

})(function def( global ) {

var a = 3;

console.log( a ); // 3

console.log( global.a ); // 2

});

块作用域 

最常见的块级作用域

for (var i=0; i<10; i++) {

console.log( i );

}

var bar=true

if(bar){

//代码

}

为什么要把一个只在 for 循环内部使用(至少是应该只在内部使用)的变量 i 污染到整个函数作用域中呢?

with 和  try/catch

非常少有人会注意到 JavaScript 的 ES3 规范中规定 try/catch 的 catch 分句会创建一个块作用域,其中声明的变量仅在 catch 内部有效。

try {

undefined(); // 执行一个非法操作来强制制造一个异常

}

catch (err) {

console.log( err ); // 能够正常执行!

}

console.log( err ); // ReferenceError: err not found

let  const

属于ES6知识 

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

推荐阅读更多精彩内容