javascript - 关于this的指向性问题

问题描述

问 题

var foo = "window";
var obj = {
    foo : "obj",
    getFoo : function(){
        return function(){
            return this.foo;
        };
    }
};
var f = obj.getFoo();
console.log(f());  //结果：window

为什么上述代码的运行结果是window呢？

解决方案

函数执行，函数体内的this指向函数的调用方

1、下面这段代码，getFoo函数的调用方是obj，所以getFoo函数内部的this指向obj对象

var f = obj.getFoo()

2、getFoo函数返回了一个匿名函数赋给变量f，再执行函数f，此时变量f是挂载到window上的，函数f的调用方是window，函数f内部的this也指向window

console.log(f());  //结果：window

这篇关于javascript - 关于this的指向性问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！