这里的this.name为什么是"Window"?

var name = "Window";
var oPerson = {
    name:"Bob",
    friend:{
      name:"Jonh",
      sayHi:function(){
        alert(this.name);
        }
    }
  };

var sayHi = oPerson.friend.sayHi;
sayHi(); //"Window"
阅读 6.9k
11 个回答
var name = "Window";
function say(){
        alert(this.name);
        }

道理和上面一样, 你的 function this 并没有特殊指向, 所以默认指向了 window.

var name = "Window";
var oPerson = {
    name:"Bob",
    friend:{
      name:"Jonh",
      sayHi:function(){
        alert(this.name);
        }
    }
  };

var sayHi = oPerson.friend.sayHi.call(oPerson);
var sayHi = oPerson.friend.sayHi.call(oPerson.friend);

这里跟调用位置有关系。
第一如果是通过对象来调用。
比如oPerson.friend.sayHi() 那么this就会指向 oPerson的作用域。
第二如果赋值后调用
var sayHi = oPerson.friend.sayHi;
此时,sayHi变量直接引用sayHi函数体。调用sayHi()时,此处的作用域是windows.

这里

var sayHi = oPerson.friend.sayHi;

其实只赋值了函数式.

整段js就相当于你只写了:

var name = "Window";
function(){
    alert(this.name);
}

所以会得到"Window".

可以阅读一些js关于函数式编程的资料,你就明白了

var name = "Window";
var oPerson = {
    name:"Bob",
    friend:{
      name:"Jonh",
      sayHi:function(){
        alert(this.name);
        }
    }
  };


var sayHi = oPerson.friend.sayHi.call(oPerson.friend);//直接输出John
var sayHi = oPerson.friend.sayHi.bind(oPerson.friend);
sayHi();//Jonh

匿名函数的作用域是全局性的,因此闭包的this通常指向全局对象window

这时this指向的是全局对象

问题的主要点就是匿名函数,在匿名函数中使用this通常都是指向包含它的上层作用域。记住这个以后遇到类似问题就很清楚了

变量sayHi的指针指向的是sayHi方法,那么调用sayHi方法时,由于sayHi是全局变量且在浏览器执行,所以返回的是window.name = Window

sayHi() = window.sayHi() = sayHi.apply(window)

实际上javascript调用方法a.func(函数)都等价于 func.apply(a),当然前提是要a有func这个属性或者a的原型链上有func属性(即可以获取到函数引用)。

如果省去a的话,就相当于func.apply(null)也就是func.apply(window)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏