JavaScript中令人头疼的this指向问题

this指向问题仅需牢牢记住一点，this始终指向调用它的对象
1，对象中的方法中的this,指向调用它的对象
var o = {
age: 10,
b: {
age: 12, //12,
fn: function(){
console.log(this.age); //12 输出结果是b对象中age的值
console.log(this); // 输出结果是 b 对象
}
}
}
//调用b对象中fn方法
o.b.fn();

如果b对象中没有age，则this.age的输出结果是 undefined。
var o = {
age: 10,
b: {
fn: function(){
console.log(this.a); // b对象中fn方法中没有aage,输出结果为undefined
console.log(this); // b对象
}
}
}
//调用
o.b.fn();

2，改用赋值后调用，此时的this的指向为window
var o = {
age: 10,
b: {
age: 12,
fn: function(){
console.log(this.age); //undefined 若在对象o外定义age，就是一个全局变量，则输出的就是全局变量的值
console.log(this); // window
}
}
}
var j = o.b.fn; //只是将b对象下的方法赋值给j，在这里并没有调用
j(); //此时调用，此时绑定的对象是window,并非b对象直接调用

3，在对象方法中调用时
var point = {
x : 0,
y : 0,
moveTo : function(x, y) {
this.x = this.x + x;
this.y = this.y + y;
console.log(this.x); // 1
console.log(this.y); // 1
}
};
point.moveTo(1, 1)//this 绑定到当前对象，即 point 对象

4，作为函数调用时
function someFun(x) {
this.x = x;
}
someFun(5); //函数被调用时，this绑定的是全局对象 window,相当于直接声明了一个全局变量x，并赋值为5
console.log(x); // 5 x 已经成为一个值为 5 的全局隐式变量