javascript闭包的理解和实例
2024-05-06 14:27:47
供稿：网友
顺便提示一下：
词法作用域：变量的作用域是在定义时决定而不是执行时决定，也就是说词法作用域取决于源码，通过静态分析就能确定，因此词法作用域也叫做静态作用域。 with和eval除外，所以只能说JS的作用域机制非常接近词法作用域（Lexical scope）。
下面是一个简单的使用全局变量的闭包实例：
代码如下:
var sWord="Hello,Welcome to web前端开发工程师的博客，请多多指教。"
function disWord(){
alert(sWord);
}
disWord();
解析：脚本载入到内存的时候，disWord并没有计算sWord的值，而是函数disWord调用的时候执行了sWord的计算。
下面是函数中定义另一个函数的闭包实例：
代码如下:
var iNum=10;
function add(num1,num2){
function doAdd(){return num1+num2+iNum;}
return doAdd();
}
解析：内部函数doAdd是个闭包，它将获取传入参数num1,num2和全局变量iNum的值，doAdd不接受参数，add最后一步调用doAdd，请两个参数和全局变量求和返回，可以看得出doAdd使用的值是在执行环境中获得的。
下面是在网上找的几个例子，理解词法作用域和闭包
代码如下:
、案例一
/*全局（window）域下的一段代码*/
function a(i) {
var i;
alert(i);
};
a(10);
疑问：上面的代码会输出什么呢？
答案：10。
具体执行过程
a 函数有一个形参 i，调用 a 函数时传入实参 10，形参 i=10
接着定义一个同名的局部变量 i，未赋值
alert 输出 10
思考：局部变量 i 和形参 i 是同一个存储空间吗？
、案例二
代码如下:
1 /*全局（window）域下的一段代码*/
2 function a(i) {
3 alert(i);
4 alert(arguments[0]); //arguments[0]应该就是形参 i
5 var i = 2;
6 alert(i);
7 alert(arguments[0]);
8 };
9 a(10);
疑问：上面的代码又会输出什么呢?
答案：10,10,2,2
具体执行过程
函数有一个形参i，调用 a 函数时传入实参 10，形参 i=10
第一个 alert 把形参 i 的值 10 输出
第二个 alert 把 arguments[0] 输出，应该也是 i
接着定义个局部变量 i 并赋值为2，这时候局部变量 i=2
第三个 alert 就把局部变量 i 的值 2 输出
第四个alert再次把 argumentsa[0] 输出
思考：这里能说明局部变量 i 和形参 i 的值相同吗？
、案例三
代码如下:
/*全局（window）域下的一段代码*/
function a(i) {
var i = i;
alert(i);
};
a(10)
疑问：上面的代码又又会输出什么呢？
答案：10
具体执行过程
第一句声明一个与形参 i 同名的局部变量 i，根据结果我们知道，后一个 i 是指向了
形参 i，所以这里就等于把形参 i 的值 10 赋了局部变量 i
第二个 alert 当然就输出 10
思考：结合案列二，这里基本能说明局部变量 i 和形参 i 指向了同一个存储地址！
