函数作用域和块作用域

2017-07-24  本文已影响0人  后发而先制

函数中的作用域

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知识 

上一篇下一篇

猜你喜欢

热点阅读