TypeScript: différence entre les types de fonction

Question

Quelle est la différence formelle entre les types de ces deux variables dans TypeScript?

var randomStringId =() => Math.random().toString(36).substr(2, 9); 
function randomStringId2() { 
    return Math.random().toString(36).substr(2, 9); 
} 

randomStringId est de type () => string. randomStringId2 a le type (): string. Sont-ils différents? Si oui, comment? Ou est-ce juste mon IDE montrant différemment deux types qui sont fondamentalement les mêmes?

Answer 1

Vos fonctions sont les mêmes. Cependant, ces deux fonctions ne sont pas:

var getX =() => this.x 

function getX() { 
    return this.x 
} 

regarder le code js généré:

var _this = this; 
var getX = function() { 
    return _this.x; 
}; 

function getX() { 
    return this.x; 
} 

La fonction définie avec la notation flèche () => capture la référence à this lorsqu'elle est définie.

Answer 2

Absolument aucune différence dans les Types. Les deux sont exactement les mêmes. Ils ne prennent rien et retournent une chaîne.

Voici la preuve:

interface Foo1{ 
    foo:()=>string; 
} 
interface Foo2{ 
    foo():string; 
} 
var foo1:Foo1; 
var foo2:Foo2; 
foo1 = foo2 = foo1; 

Cependant, il y a une différence dans la façon dont ils se comportent . Pour comprendre le besoin d'une fonction lambda ()=>: http://youtube.com/watch?v=tvocUcbCupA&hd=1