var name = "Window";
var oPerson = {
name:"Bob",
friend:{
name:"Jonh",
sayHi:function(){
alert(this.name);
}
}
};
var sayHi = oPerson.friend.sayHi;
sayHi(); //"Window"
高洛峰2017-04-10 15:45:11
var name = "Window";
function say(){
alert(this.name);
}
道理和上面一样, 你的 function this 并没有特殊指向, 所以默认指向了 window.
PHP中文网2017-04-10 15:45:11
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);
阿神2017-04-10 15:45:11
这里跟调用位置有关系。
第一如果是通过对象来调用。
比如oPerson.friend.sayHi() 那么this就会指向 oPerson的作用域。
第二如果赋值后调用
var sayHi = oPerson.friend.sayHi;
此时,sayHi变量直接引用sayHi函数体。调用sayHi()时,此处的作用域是windows.
大家讲道理2017-04-10 15:45:11
这里
var sayHi = oPerson.friend.sayHi;
其实只赋值了函数式.
整段js就相当于你只写了:
var name = "Window";
function(){
alert(this.name);
}
所以会得到"Window".
可以阅读一些js关于函数式编程的资料,你就明白了
大家讲道理2017-04-10 15:45:11
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
伊谢尔伦2017-04-10 15:45:11
变量sayHi的指针指向的是sayHi方法,那么调用sayHi方法时,由于sayHi是全局变量且在浏览器执行,所以返回的是window.name = Window