javascript闭包中的this指向问题

最新推荐文章于 2023-09-21 19:40:57 发布

原创最新推荐文章于 2023-09-21 19:40:57 发布 · 876 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

71 篇文章

订阅专栏

博客围绕JavaScript的this对象展开，指出每个函数调用时会有this和arguments两个特殊变量，内部函数不能直接访问外部函数的这两个变量，但可将外部this保存到闭包可访问变量中。还提到函数作为对象方法调用时this的绑定情况，以及嵌套匿名函数对this指向的影响。

关于this对象，它是基于当前运行环境所绑定的


var name="The Window";
 
var object={
    name:"The Object",
    getName:function(){
		console.log(this.name);   //The Object
        return function(){
            return this.name;
        }
    }
}
 
console.log(object.getName()());  //The Window

每个函数在被调用时都会自动取得两个特殊变量——this和arguments。内部函数在搜索这两个变量时，只会搜索到其活动对象位置，因此永远不能直接访问外部函数中的这两个变量，但是可以吧外部作用域中的this对象先保存在一个闭包可以访问的变量中，就可以通过闭包访问之前保存的this作用域。

var name="The Window";

var object={
    name:"The Object",
    getName:function(){
        var that=this;//将当前作用域this保存在that变量中
        return function(){
            return that.name;
        }
    }
}

console.log(object.getName()());//The Object

其实我搞不懂为什么js红宝书要这样设计？以下代码不就可以访问了吗

var name="The Window";

var object={
    name:"The Object",
    getName:function(){
       return this.name;
    }
}

console.log(object.getName());//The Object

当函数作为对象里的方法被调用时，函数内的this是调用该函数的对象。比如当object.getName()被调用时，函数内的 this 将绑定到object对象。

所以再嵌套一层匿名函数就是将this的指向指回window，以此演示可以在此之前将this转存的作用。