Quelle est la signification de “=>” en caractères d'imprimerie? (Grosse Flèche)

Je viens de commencer à apprendre à la Machine, et j'ai vu qu'il y est beaucoup de code à l'aide de cette sytax =>. J'ai fait quelques recherches par la lecture de la Spécification de fichier d'enregistrement de la Version 1.6 et une recherche sur google. Je ne peux toujours pas comprendre le sens de =>.

Pour moi, il se sent comme un pointeur en C++. Mais je ne peux pas le confirmer. Si quelqu'un peut expliquer les exemples suivants, qui sera grande. Merci!!!!

Voici les exemples que j'ai trouvé quand j'ai été la lecture de la spécification de la Machine :

Types D'Objet

var MakePoint: () => {  
    x: number; y: number;  
};

Question: qu'est-Ce que ce code fait? La création d'un objet appelé MakePoint, où les champs x et y sont nombre type? Est-ce un constructeur ou une fonction pour MakePoint?

Fonction Des Types De

function vote(candidate: string, callback: (result: string) => any) {  
 //...  
}

Question: Quel est le sens de => any? Avez-vous des retour d'un type de chaîne?

Quelqu'un peut-il m'expliquer la différence ou de la finalité de ces exemples en anglais? Je vous remercie pour votre temps!

InformationsquelleAutor Shaohao Lin | 2015-12-14
  1. 76

    Peut-être vous êtes confus informations de type avec une déclaration de fonction. Si vous compiler les suivantes:

    var MakePoint: () => {x: number; y: number;};

    vous verrez qu'elle produit:

    var MakePoint;

    À la Machine, tout ce qui vient après la : mais avant un = (affectation) est le type de l'information. Donc ton exemple est dire que le type de MakePoint est une fonction qui prend 0 arguments et retourne un objet avec les deux propriétés, x et y, les deux numéros. Il n'est pas assigner une fonction à une variable. En revanche, la compilation:

    var MakePoint = () => 1;

    produit:

    var MakePoint = function () { return 1; };

    Noter que dans ce cas, le => graisse flèche vient après que l'opérateur d'affectation.

    • Si MakePoint est une fonction, pourquoi ne pas simplement utiliser la fonction JavaScript déclaration? Par exemple function MakePoint() { ...} ?
    • Il est plus court et ne mentionne pas le nom (()=>...), et il conserve le champ d'application de this ce qui signifie que vous n'avez plus à créer var self = this variables, ou de passer this par les arguments de la fonction. Plus d'infos ici
    • Comment puis-je accéder à la propriété x et y dans votre exemple de var MakePoint = () => 1 ? x et y sont à la fois assgined à 1?
    • Dans le premier cas, par MakePoint().x. MakePoint est une fonction qui retourne un objet avec une propriété x. Mais dans le second cas, vous devez réécrire sous la forme var MakePoint = () => ({x: 1, y: 1}); (note de l' () autour de l'objet) pour qu'il renvoie l'objet que vous voulez à la place du numéro 1 (qui j'ai été en utilisant comme exemple).
    • Pouvez-vous également expliquer la mise à jour de question?
    • Je suis désolé, je ne comprends pas ce que vous demandez dans votre question. Habituellement, il est beaucoup plus facile de poser une nouvelle question, puisque vous avez plus d'espace pour expliquer ce que la question est. Aussi, si vous ajoutez des info plus tard, c'est confondre les lecteurs et personne ne va revenir pour regarder vos changements et de nouvelles questions.
    • Ok. Je vais faire une nouvelle question! Merci pour l'explication. J'ai besoin de digérer un peu pour voir si je peux faire sens moi-même sur la mise à jour de question.

    InformationsquelleAutor mk.
  2. 25

    Dans un type de position, => définit un type de fonction où les arguments sont à la gauche de la => et le type de retour est sur la droite. Donc callback: (result: string) => any signifie "callback est un paramètre dont le type est une fonction. Cette fonction prend un paramètre appelé result de type string, et la valeur de retour de la fonction est de type any".

    Pour le niveau de l'expression de construire, de voir Quelle est la signification de "=>" (une flèche formée à partir d'égal à égal & plus grand que) en JavaScript?

    • Donc dans ce cas, est rappel juste le nom de la fonction?
    • c'est le nom d'un paramètre et le type de ce paramètre sera une fonction (mais au nom de quelle que soit la fonction que vous passez comme un argument peut être n'importe quoi)
    • c'est en fait la seule réponse expliquant il y a une différence entre la graisse flèche en caractères d'imprimerie et en emca script
    • pouvez-vous expliquer ce que cela signifie . p => this.people = p Ce que la deuxième égalité de marque faire ici?
    • = est l'opérateur d'affectation en JavaScript
    • ouais, mais quel est le sens de l'ensemble de la ligne? est-il "p est une variable dont le type peut être tout et il revient cette.les personnes dont la valeur est égale à p(à droite) ? "? Mais de toute façon je ne peut pas le comprendre. 🙁
    • Il est équivalent à (function (p) { return _this.people = p; });

    InformationsquelleAutor Ryan Cavanaugh
  3. 18
    var MakePoint: () => {  
    x: number; y: number;  
};

    MakePoint est une variable. C'est le type est une fonction qui ne prend pas d'arguments et produit des nombres x et y. Maintenant la flèche de sens?

    • Le ci-dessus est la meilleure réponse.
    InformationsquelleAutor Eric Lippert
  4. 9

    Comme un homme sage a dit une fois "je déteste JavaScript comme elle a tendance à perdre le sens de ce trop facilement".

    Il est appelé le graisse flèche (parce que -> est une mince flèche et => est une grosse flèche) et a également appelé un fonction lambda (autres langues). Une autre fonctionnalité couramment utilisée est la graisse de la flèche de la fonction ()=>something. La motivation pour une grosse flèche est:

    1. Vous n'avez pas besoin de garder en tapant function.
    2. Lexicalement saisit le sens de this.
    3. Lexicalement saisit le sens de arguments 
    function Person(age) {
this.age = age;
this.growOld = function() {
    this.age++;
  }
}

var person = new Person(1);
setTimeout(person.growOld,1000);

setTimeout(function() { console.log(person.age); },2000); //1, should have been 2

    Si vous exécutez ce code dans le navigateur, au sein de la fonction va point à la fenêtre parce que la fenêtre va être quoi exécute la growOld fonction. Correctif est d'utiliser une flèche de la fonction:

    function Person(age) {
this.age = age;
this.growOld = () => {
    this.age++;
  }
}
var person = new Person(1);
setTimeout(person.growOld,1000);

setTimeout(function() { console.log(person.age); },2000);//2
    InformationsquelleAutor Mohd Belal
  5. 5

    Il est appelé "fat flèche". Il a été ajouté dans EcmaScript6 et remplace le mot-clé function, entre autres choses.

    Plus peut être lu ici.

    InformationsquelleAutor mam8cc
  6. 3

    Directement à partir du lien à l'OP:

    Dans cet exemple, le deuxième paramètre à 'vote' a la fonction de type

    (résultat: string) => tout
    ce qui signifie que le deuxième paramètre est une fonction retournant de type 'tout' qui possède un seul paramètre de type 'string' nommé 'résultat'.

    InformationsquelleAutor Amit
  7. 0

    Simplement été utilisée à la place des fonctions anonymes.

    Le code ci-dessous 

    function(argument){
return argument. Length
}

    sera transformé à argument => {argument.length};

    Pour mieux comprendre reportez-vous ci-dessous:
    https://codecraft.tv/courses/angular/es6-typescript/arrow/

    InformationsquelleAutor Ashok Kumar