this

http://web.jobbole.com/90295/
1、默认绑定
在浏览器中全局对象是 window，在 NodeJs 中全局对象是 global。
直接调用并不是指在全局作用域下进行调用，在任何作用域下，直接通过 函数名(…) 来对函数进行调用的方式，都称为直接调用

// 简单兼容浏览器和 NodeJs 的全局对象
const _global = typeof window === "undefined" ? global : window;

2、隐式绑定

方法与方法调用方式的区别

var boss1 = {
  name: 'boss1',
  returnThis () {
    return this
  }
}
var boss2 = {
  name: 'boss2',
  returnThis () {
    return boss1.returnThis()
  }
}
boss2.returnThis()   //boss1

var boss3 = {
  name: 'boss3',
  returnThis () {
    var returnThis = boss1.returnThis
    return returnThis()
  }
}
boss3.returnThis()   //window

当做方法使用时，this丢失的规避方法

// 这是在 es5 中的解决办法之一
var _this = this;
$button.on("click", function() {
    _this.onButtonClick();
});

// 也可以通过 bind() 来解决
$button.on("click", this.onButtonClick.bind(this));

// es6 中可以通过箭头函数来处理，在 jQuery 中慎用
$button.on("click", e => this.onButtonClick(e));

不过请注意，将箭头函数用作 jQuery 的回调时造成要小心函数内对 this 的使用。jQuery 大多数回调函数(非箭头函数)中的 this 都是表示调用目标，所以可以写 $(this).text() 这样的语句，但 jQuery 无法改变箭头函数的 this 指向，同样的语句语义完全不同。

var boss2 = {
  name: 'boss2',
  returnThis: boss1.returnThis
}
boss2.returnThis()   //boss2

const obj = {
    // 第一种方式，定义对象的时候定义其方法
    test() {
        console.log(this === obj);
    }
};
 // 第二种方式，对象定义好之后为其附加一个方法(函数表达式)
obj.test2 = function() {
    console.log(this === obj);
};
 // 第三种方式和第二种方式原理相同
// 是对象定义好之后为其附加一个方法(函数定义)
function t() {
    console.log(this === obj);
}
obj.test3 = t;
obj.test();     // true
obj.test2();    // true
obj.test3();    // true

3、显示绑定

function returnThis () {
  return this
}
var boss1 = { name: 'boss1'}
var boss1returnThis = returnThis.bind(boss1)
boss1returnThis() // boss1
var boss2 = { name: 'boss2' }
boss1returnThis.call(boss2) // still boss1

Object.prototype.bind，不但通过一个新函数来提供永久的绑定，还会覆盖call、apply的命令。

4、new
当我们new一个函数时，就会自动把this绑定在新对象上，然后再调用这个函数。它会覆盖bind的绑定。

function showThis () {
  console.log(this)
}
showThis() // window
**new showThis()** // **showThis**
var boss1 = { name: 'boss1' }
showThis.call(boss1) // boss1
new showThis.call(boss1) // **TypeError**
var boss1showThis = showThis.bind(boss1)
boss1showThis() // boss1
**new boss1showThis**() // **showThis**

5、箭头函数
对于箭头函数，只要看它在哪里创建的就行 ？？
不管在什么情况下使用箭头函数，它本身是没有绑定 this 的，它用的是直接外层函数(即包含它的最近的一层函数或函数表达式)绑定的 this。绑定之后不会被修改

var boss1 = {
  name: 'boss1',
  returnThis () {
    var func = () => this
    return func()
  }
}
boss1.returnThis() // boss1
var boss2 = {
  name: 'boss2',
  returnThis: boss1.returnThis
}
boss2.returnThis() // boss2

var returnThis = () => this
returnThis() // window
new returnThis() // TypeError    new只用于函数吗