La différence entre les expressions de fonction et les déclarations de fonction en JavaScript et les différences entre les déclarations de fonction et les compétences expressions de fonction_javascript

Expressions de fonctions et déclarations de fonctions

Dans ECMAScript, les deux manières les plus courantes de créer des fonctions sont les expressions de fonction et les déclarations de fonction. La différence entre les deux est un peu déroutante, car la spécification ECMA ne précise qu'un seul point : les déclarations de fonction doivent avoir des identifiants (Identifiers). ) (c'est ainsi que tout le monde appelle souvent le nom de la fonction), et cet identifiant peut être omis dans les expressions de fonction :

　Déclaration de fonction :

　nom de la fonction (paramètre : facultatif){corps de la fonction}

　Expression de fonction :

　nom de la fonction (facultatif) (paramètres : facultatif) {corps de la fonction}

Donc, on voit que si le nom de la fonction n'est pas déclaré, ce doit être une expression. Mais si le nom de la fonction est déclaré, comment déterminer s'il s'agit d'une déclaration de fonction ou d'une expression de fonction ? ECMAScript se différencie selon le contexte. Si la fonction foo(){} fait partie d'une expression d'affectation, c'est une expression de fonction. Si la fonction foo(){} est contenue dans le corps d'une fonction ou est située en haut du programme. une déclaration de fonction.

function foo(){} // 声明，因为它是程序的一部分
var bar = function foo(){}; // 表达式，因为它是赋值表达式的一部分
new function bar(){}; // 表达式，因为它是new表达式
(function(){
 function bar(){} // 声明，因为它是函数体的一部分
})();

Il existe également une expression de fonction moins courante, qui est celle entourée de parenthèses (function foo(){}). La raison pour laquelle il s'agit d'une expression est que les parenthèses () sont un opérateur de regroupement et son inclusion interne. expressions, regardons quelques exemples :

function foo(){} // Déclaration de fonction
(function foo(){}); // Expression de fonction : incluse dans l'opérateur de regroupement

Expression de fonction nommée

En ce qui concerne les expressions de fonction nommée, bien sûr, elles doivent avoir un nom. L'exemple précédent var bar = function foo(){}; Valable uniquement dans le cadre de la fonction nouvellement définie, car la spécification stipule que les identifiants ne peuvent pas être valides dans le cadre environnant :

var f = function foo(){
  return typeof foo; // foo是在内部作用域内有效
 };
 // foo在外部用于是不可见的
 console.log(typeof foo); // "undefined"
 console.log(f()); // "function"
var f = function foo(){
return foo; // foo是在内部作用域内有效
};
// foo在外部用于是不可见的
console.log(typeof foo); // "undefined"
console.log( f()==f); // "function"
console.log(f.name);//foo

Puisque cela est obligatoire, à quoi servent les expressions de fonctions nommées ? Pourquoi un nom ?

Comme nous l'avons dit au début : lui donner un nom peut rendre le processus de débogage plus pratique, car lors du débogage, si chaque élément de la pile d'appels a son propre nom pour le décrire, alors le processus de débogage sera excellent. , le sentiment est différent.

ps : La différence entre la déclaration de fonction et l'expression de fonction en JS

La déclaration de fonction en Js fait référence à la forme suivante :

function functionName(){
}

déclare une fonction de cette manière, tandis que l'expression de fonction déclare une fonction comme une expression, telle que :

     var functionName = function(){
}

De nombreux amis peuvent être confus lorsqu'ils voient ces deux méthodes d'écriture. Ces deux méthodes d'écriture sont similaires et les deux semblent réalisables dans les applications. Alors, quelle est la différence entre elles ?

En fait, l'analyseur js ne traite pas les déclarations de fonction et les expressions de fonction de la même manière. Pour les déclarations de fonction, l'analyseur js les lira d'abord pour s'assurer que la déclaration a été analysée avant que tout le code ne soit exécuté. Les expressions de fonction, comme la définition de variables d'autres types de base, ne seront analysées que lorsqu'une certaine phrase est exécutée, donc dans. Dans la pratique, ils auront toujours des différences. Plus précisément, lors de l'utilisation du formulaire de déclaration de fonction pour définir une fonction, l'instruction appelante peut être écrite avant la déclaration de fonction, et cette dernière signalera une erreur si elle le fait.