箭头函数和bind之间的区别（）

Question

对于缺少引用（上下文）的对象，我有点困惑。

在打字稿（与解释原因，某些虚拟参数如下所示）：

var x = new SomeClass();  
someCallback(function(a){x.doSomething(a)});// some time this x object may 
missing the reference (context) of x object 

someCallback(a => x.doSomething(a));// if we using arrow function, then how 
it manage stabling the object context? which is doing same below bind()code. 

bind（）的

发箭：从function.bind创建功能（）始终保持“这“

var x = new SomeClass(); 
window.setTimeout(x.someMethod.bind(x), 100);//bind will be also manage 
the x context(reference). 

问题：

• 它们之间的性能和差异是什么？
• 何时使用bind()和arrow(a=>a...)函数？

Answer 1

在你给有使用function和使用=>没有区别的例子。这是因为你在回调函数中没有引用this。

但是，如果你的回调使用this的打字稿编译器将转换为使用_this的=>回调中，但不是function回调内部呼叫，并创建一个本地var _this = this。

因此，对于这个打字稿：

class SomeClass { 
    x: any; 
    foo() { 

    someCallback(function(a:number){this.x.doSomething(a)});// some time may missing the reference (context) of x object 

    someCallback((a:number) => this.x.doSomething(a)); 
    } 
} 
function someCallback(foo: any) {}; 

你得到此javascript：

var SomeClass = (function() { 
    function SomeClass() { 
    } 
    SomeClass.prototype.foo = function() { 
     var _this = this; 
     someCallback(function (a) { this.x.doSomething(a); }); // some time may missing the reference (context) of x object 
     someCallback(function (a) { return _this.x.doSomething(a); }); 
    }; 
    return SomeClass; 
}()); 
function someCallback(foo) { } 
;