学习Javascript闭包（Closure）(2)

最新推荐文章于 2025-08-21 23:22:44 发布

weixin_33941350

最新推荐文章于 2025-08-21 23:22:44 发布

阅读量50

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yongtaiyu/p/3450851.html

本文通过两个JavaScript代码示例详细解析了函数内部this关键字的指向问题及如何使用闭包来保留函数内的变量上下文，帮助读者理解JavaScript中this的工作机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码片段一:

　　var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());

代码片段二:

　　var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());

轩脉刃说：

理解最后两个例子：

1 函数中的this指的是调用这个函数的owner
2 object.getNameFunc()是返回一个函数，并没有执行函数中的代码
3 增加一个例子0：

var name = "The Window";
　　var object = {
　　　　name : "My Object",
　　　　getNameFunc : function(){
return (this.name);
　　　　　　}
　　};
var name = object.getNameFunc();
　　alert(name);

4 把例子1变成

　　var name = "The Window";
　　var object = {
　　　　name : "My Object",
　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name; //这个this是有上下文的限制的
　　　　　　};
　　　　}
　　};
var tmp = Object.getNameFunc(); //此时没有执行this.name
var name = tmp();//这个时候才执行，这时候的this上下文为全局
alert(name);
//alert(object.getNameFunc()())

5 把例子2变成：

var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};
　　　　}
　　};
var tmp = Object.getNameFunc(); //这个时候执行了that = this，这里的this上下文是object,所以that指的是object
var name = Object.getNameFunc(); //这个时候执行了that.name
alert(name);
//alert(object.getNameFunc()());

文章信息：

原文：http://www.cnblogs.com/johnchain/p/3264679.html

转载于:https://www.cnblogs.com/yongtaiyu/p/3450851.html