this is annoyance
学习 this 的第一步是明白 this 既不指向函数自身也不指向函数的词法作用域（函数声明的位置）。
this 是在运行时进行绑定的，并不是在编写时绑定，它的上下文取决于函数调 用时的各种条件。this 的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。
当一个函数被调用时，会创建一个活动记录（有时候也称为执行上下文）。这个记录会包含函数在哪里被调用（调用栈）、函数的调用方法、传入的参数等信息。this 就是记录的其中一个属性，会在函数执行的过程中用到。
寻找调用位置最重要的是要分析调用栈（就是为了到达当前执行位置所调用的所有函数）。我们关心的调用位置就在当前正在执行的函数的前一个调用中。
四大规则：
1.在代码中，若某函数foo() 是直接使用不带任何修饰的函数引用进行调用的（即在定义区直接调用），那么只能使用 默认绑定（this 指向全局对象），无法应用其他规则。 如果使用严格模式（strict mode），那么全局对象将无法使用默认绑定，因此 this 会绑定 到undefined： 只 有 foo() 运行在非 strict mode下时，默认绑定才能绑定到全局对象；严格模式下与 foo() 的调用位置无关：
2.要看调用位置是否有上下文对象，或者说是否被某个对象拥有或者包含，不过这种说法可能会造成一些误导。 对象属性引用链中只有最顶层或者说最后一层会影响调用位置。（个人注释：由于就近原则；只会调用最近的对象）
被隐式绑定的函数会丢失绑定对象，也就是说它会应用默认绑定，从而把 this 绑定到全局对象或者 undefined 上，取决于是否是严格模式。
3.JavaScript提供的绝大多数函数以及自 己创建的所有函数都可以使用 call(..) 和 apply(..) 方法（这两种方法的区别在于它们的参数形式不同）在某个对象上强制调用函数；这称之为显式绑定。其中第一参数为原始类型；会创建对象并将其绑定到this上。硬绑定非常实用；可以通过函数的bind()原型方法实现。
4.使用 new 来调用 foo(..) 时，我们会构造一个新对象并把它绑定到 foo(..)调用中的this 上。new 是最后一种可以影响函数调用时 this 绑定行为的方法，我们称之为 new 绑定。
优先级：
1.函数是否在 new 中调用（new 绑定）？如果是的话 this 绑定的是新创建的对象。 var bar = new foo()
2.函数是否通过 call、apply（显式绑定）或者硬绑定调用？如果是的话，this 绑定的是 指定的对象。
var bar = foo.call(obj2)
3.函数是否在某个上下文对象中调用（隐式绑定）？如果是的话，this 绑定的是那个上 下文对象。
var bar = obj1.foo()
4.如果都不是的话，使用默认绑定。如果在严格模式下，就绑定到 undefined，否则绑定到 全局对象。
例外规则；
如果你把 null 或者 undefined 作为 this 的绑定对象传入 call、apply 或者 bind，这些值 在调用时会被忽略，实际应用的是默认绑定规则。然而使用 null 来忽略 this 绑定可能产生一些副作用；比如修改全局对象。
有可能（有意或者无意地）创建一个函数的“间接引用”，在这种情况下，调用这个函数会应用默认绑定规则。
软绑定：给默认绑定指定一个全局对象和 undefined 以外的值，那就可以实现和硬绑定相同的效果，同时保留隐式绑定或者显式绑定修改 this 的能力。
ES6的坑：箭头函数并不是使用function关键字定义的，而是使用被称为“胖箭头”的操作符 =>定义的。箭头函数不使用this的四种标准规则，而是根据外层（函数或者全局）作用域来决定 this。
