this指向问题

• 每个函数都有自己的this，只有函数调用时，this才会被绑定
• this可以通过call、bind、apply方法改变
  • 指定的this并不一定是该函数执行时真正的this，处于非严格模式下，指定为null和undefined的this会自动指向全局对象
• 在严格模式和非严格模式下会有差别

1. 全局普通函数

• 非严格模式下，this指向window
• 严格模式下，this指向undefined

2. 对象的函数方法

• 调用对象的函数方法时，被调用函数的this永远指向这个对象

•  var a = 2; 
        var obj = {
          a: 1,
          b: function () {
            console.log(this);  // indow {window: Window, self: Window,  …}
            console.log(this.a); // 2
          }
        };
        
        var foo = obj.b;
        foo();   // 相当于window.foo()
  

• foo接收了obj.b，在全局作用域下执行，相当于window.foo()，情况就变成全局作用域下普通函数调用指向window

3. 构造函数

• 构造函数中的this指向构造函数创建的对象实例

4. 全局作用域

• this都指向window
• 不同环境下的全部对象不一样：
  • 浏览器web：window，self，frames
  • node：global
  • web worker：self

5. 箭头函数

• 自身没有this，不是调用时决定的，而是定义的时候所处的环境就决定了
• 技巧：看外层是否有函数
  • 有，则外部函数的this就是内部箭头函数的this
  • 没有，this就是window
• call、apply、bind无法绑定箭头函数的this，但可以绑定缓存箭头函数上层的普通函数的this
• 对象的箭头函数中，this是执行该对象所处的执行上下文（执行环境）
• 事件处理中的箭头函数，this指向window