this的指向问题

JavaScript的this总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数声明时的环境。

1、作为对象的方法调用

var obj = {
    a: 1,
    getA: function(){
        console.log(this === obj); //true
        console.log(this.a); //1
    }
};
obj.getA();

2、作为普通函数被调用

window.name = 'globalName';
var getName = function(){
    return this.name;
};
console.log(getName());  // globalName

3、构造器调用

var MyClass = function(){
    this.name = 'ss';
};
var obj = new MyClass();
console.log(obj.name); //ss

4、Function.prototype.call 和 Function.prototype.apply
采用call或者apply之后，使方法执行，并使得方法里的this指向call或者apply中的第一个参数。

var obj1 = {
    name: 'ss',
    getName: function(){
        return this.name;
    }
};
var obj2 = {name: 'dd'};
console.log(obj1.getName()); // ss
console.log(obj1.getName.call(obj2)); // dd

5、this丢失

var obj = {
    myName: 'ss',
    getName: function(){
        return this.myName;
    }
};
console.log(obj.getName()); // ss
var getName2 = obj.getName;
console.log(getName2()); // undefinded

参考资料：
作者：sdcV
链接：http://www.jianshu.com/p/f3ff94d25f4d
來源：简书