首页 > 文章列表 > JavaScript闭包如何让匿名函数访问外部函数的this?

JavaScript闭包如何让匿名函数访问外部函数的this?

131 2025-04-08

JavaScript闭包如何让匿名函数访问外部函数的this?

javascript闭包作用域困局:专家解惑

假设我们有以下代码:

<pre>
var name = "the window";
var object = {

name: "My Object",
getNameFunc: function() {
    return function() {
        return this.name;
    };
}

};
alert(object.getnamefunc()());
</pre>

在这种情况下,会出现一个闭包作用域问题。匿名函数的this一般指向window。

代码的第一部分,getnamefunc对应的function的this指向object。但是,该函数返回了另一个函数,并且该函数是匿名的,这意味着this指向window。

代码的第二部分,通过闭包,让匿名函数引用getnamefunc的局部变量that(实际上是getnamefunc的this)。

当匿名函数执行并寻找that变量时,它自己没有这个变量,所以它会向上查找that。此时,that引用的是getnamefunc的this,即object。

因此,alert()显示my object

来源:1730707932