关于Javascript的闭包

最新推荐文章于 2025-11-01 01:14:35 发布

原创最新推荐文章于 2025-11-01 01:14:35 发布 · 81 阅读

0 ·

CC 4.0 BY-SA版权

本文深入浅出地介绍了JavaScript中的闭包概念，通过讲解变量作用域、this指向及具体示例帮助读者理解闭包的工作原理，并提供了两个思考题来加深理解。

要理解javascript的闭包关键是弄明白三样事情

1.变量作用域

一言以蔽之%26nbsp; 函数内部可以访问函数外部的字段%26nbsp; 而反之不行

1 　　var n=999;
2 
3 　　function f1(){
4 　　　　alert(n);
5 　　}
6 
7 　　f1(); // 999

1     function f1(){
2     　　var n=999;
3     }
4
5     alert(n); // error

此处有一坑是若在函数内声明变量不使用var关键字相当于是声明全局变量也就是window的变量

2.this的含义

this等于调用方法的对象%26nbsp;%26nbsp;%26nbsp;

比如 obj.fun()%26nbsp;%26nbsp; this =obj

若直接是 fun()%26nbsp;%26nbsp; this= window

3.闭包的含义

闭包其实就是一个定义在函数内部的函数%26nbsp;%26nbsp; 使外部能访问函数内部的变量%26nbsp;

 1     　　function f1(){
 2 
 3     　　　　var n=999;
 4 
 5     　　　　function f2(){
 6     　　　　　　alert(n);
 7     　　　　}
 8 
 9     　　　　return f2;
10 
11     　　}
12 
13     　　var result=f1();
14 
15     　　result(); // 999

其实就这么简单%26nbsp; 让外部访问内部的变量%26nbsp; 也就是让f1的局部变量n成为了全局变量

4. 思考题

若能理解这两题，则算是明白闭包的含义请先仔细思考

代码一：

 1     　　var name = "The Window";
 2 
 3     　　var object = {
 4     　　　　name : "My Object",
 5 
 6     　　　　getNameFunc : function(){
 7     　　　　　　fun = function(){
 8     　　　　　　　　return this.name;
 9     　　　　　　};
10 　　　　　　　　return fun;
11     　　　　}
12 
13     　　};
14 
15     　　alert(object.getNameFunc()());

代码二：

 1     　　var name = "The Window";
 2 
 3     　　var object = {
 4     　　　　name : "My Object",
 5 
 6     　　　　getNameFunc : function(){
 7     　　　　　　var that = this;
 8     　　　　　　fun = function(){
 9     　　　　　　　　return that.name;
10     　　　　　　};
11 　　　　　　　　 return fun;
12     　　　　}
13 
14     　　};
15 
16     　　alert(object.getNameFunc()());