bind()函数和call()类似，但是bind()函数不会立即被调用。bind()函数会返回一个函数，并且将this绑定好。接下来我们来用例子来帮助理解bind()函数的应用场景：
var small = { a: 1, go: function(b,c,d){ console.log(this.a+b+c+d); } } var large = { a: 100 }
执行:
small.go(2, 3, 4); // 输出 10
如果我们想使用large.a的值，而不是small.a呢？ 我们可以使用call/apply:
small.go.call(large, 2, 3, 4); // 输出 109
但是，如果我们现在还不知道这三个参数应该传入什么值，应该怎么办呢？ 我们可以使用bind:
var bindTest = small.go.bind(large, 2);
如果我们将bindTest在控制台下打印出来，我们会看到：
console.log(bindTest); // 输出 function (b,c,d){console.log(this.a+b+c+d);}
注意：该函数已经将this绑定到large对象，并且传入了第一个参数b。所以，我们接下来是需要传入余下的参数即可：
bindTest(3, 4); // 输出 109
箭头函数(=>)
因为需要很大的篇幅，我们会专门写一篇博客来介绍。
结论
当你读完这篇博客，你应该可以理解大多数情况下this指向的对象。
接下来我们来总结一下：
this的值通常是由当前函数的执行环境所决定；
在全局作用域，this指向全局对象 (window对象)；
当使用new关键字声明，this指向新建对象；
我们可以使用call(), bind(), apply()来设置this；
箭头函数不会绑定this。
原文:
译者: Fundebug
您可能感兴趣的文章: