函数中的作用域
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知识