Javascript Girl
  1. Javascript Girl
  3. Fonction immédiate à l'aide des fonctions de flèche JavaScript ES6
Intereting Posts
Rails 4 – JS conditionné avec des champs dépendants Trouvez le sous-ensemble le plus élevé d'un tableau entier dont les sommes s'ajoutent à une cible donnée Vérifiez si le GPS de l'appareil est activé Jstree jquery comment itérer dans tous les nœuds Une évaluation retardée plus succincte que la fonction () {return x}? Comment puis-je déclarer les paramètres optionnels de la fonction en Javascript? Script pour modifier la valeur d'un texte – Javascript Formatage des nombres lus à partir d'une feuille de calcul JQuery UI sortable, chaque div divable contient un iFrame rafraîchi dans FF3 mais pas dans IE7 Trouver si la variable est divisible par 2 L'effet de superposition flou d'iOS 7 à l'aide de CSS? Comment utiliser l'intersection du trait de soulignement sur les objets? Quelle est la différence entre JavaScript et ECMAScript? Javascript regex replace, comment fournir la condition (et les drapeaux) regex comme variable au lieu de en ligne? Hapi ne renvoie pas l'attribut de données de l'erreur Boom

Fonction immédiate à l'aide des fonctions de flèche JavaScript ES6

Est-ce que quelqu'un sait comment écrire une fonction immédiate à l'aide de la syntaxe de flèche ES6?

Voici la manière ES3 / 5 de le faire: 

(function () { //... }());

J'ai essayé ce qui suit, mais obtenez une erreur de unexpected token sur la dernière ligne. 

 (() => { //... }());

Vous pouvez tester ceci ici: http://www.es6fiddle.net/hsb8bgu4/

Des exemples de fonctions fléchées , 

 (() => "foobar")() // returns "foobar"

Ainsi, l'opérateur de l'invocation de la fonction devrait être à l'extérieur. 

 (() => { //... })();

Exemple: http://www.es6fiddle.net/hsb8s1sj/

Voici mes codes de démonstration!

Rappelez-vous toujours que function_name + () === function_caller 

 /* ES5 */ // normal function function abc(){ console.log(`Hello, ES5's function!`); } abc(); var abc = function xyz(){ console.log(`Hello, ES5's function!`); }; abc(); // named function var abc = function xyz(){ console.log(`Hello, ES5's function!`); }(); // anonymous function // 1 (function(){ console.log(`Hello, ES5's IIFE!`); })(); // 2 (function(){ console.log(`Hello, ES5's IIFE!`); }()); // 3 var abc = function(){ console.log(`Hello, ES5's function!`); }(); /* ES6 */ // named arrow function const xyz = () => { console.log(`Hello, ES6's Arrow Function!`); }; xyz(); const xyz = (() => { console.log(`Hello, ES6's Arrow Function!`); })(); // Uncaught SyntaxError: Unexpected token ( /* const xyz = (() => { console.log(`Hello, ES6's Arrow Function!`); }()); */ // anonymous arrow function (() => { console.log(`Hello, ES6's Arrow Function!`); })();