Ce guide met en évidence la différence entre 'l'expression de fonction', c'est-à-dire 'var functionName = function() {}' et la 'déclaration de fonction', c'est-à-dire 'function functionName() {}' en JavaScript.
Qu'est-ce que 'var nom_fonction = fonction() {}' ?
Ce ' var nom_fonction = fonction() {} » est connu sous le nom de « expression de fonction ”. Il est tel qu'une variable se voit attribuer une fonction et est ensuite définie. La fonction définie par l'utilisateur ne peut être appelée qu'après l'affectation de l'expression de la fonction à une variable au moment de l'exécution.
Syntaxe
var nom_fonction = fonction ( ) { ... } ;
Implémentons la syntaxe définie ci-dessus à l'aide d'un exemple.
Exemple 1 : Application de « var functionName = function() {} » en JavaScript
Dans cet exemple, ' var nom_fonction = fonction() {} ” est appliqué pour définir une fonction et l'allouer à une variable.
Code Javascript
Considérez le code JavaScript suivant :
< scénario >was functionDemo = fonction ( ) {
console. enregistrer ( 'Bonjour Linuxhint' ) ;
} ;
fonctionDemo ( ) ;
scénario >
Dans les lignes de code ci-dessus :
- Définissez une fonction nommée ' fonctionDémo() ” par affectation à une variable.
- Dans sa définition, le « console.log() » est utilisée pour imprimer la déclaration écrite.
- Enfin, invoquez la fonction définie « functionDemo() » après sa déclaration.
Sortir
Comme on le voit, la console affiche la sortie de la fonction, c'est-à-dire ' fonctionDémo() ' avec succès.
Qu'est-ce que 'fonction nom_fonction() {}' ?
Le ' fonction nom_fonction() {} » correspond à un « déclaration de fonction ”. Il est défini simplement en définissant la fonction par son nom. La fonction est affectée à l'identifiant au moment de l'analyse.
Syntaxe
fonction nom_fonction ( ) { ... } ;Appliquons la syntaxe définie ci-dessus pour voir sa mise en œuvre pratique.
Exemple 2 : Application de 'function functionName() {}' en JavaScript
Cet exemple applique le ' fonction nom_fonction() {} ” pour exécuter la fonction JavaScript définie.
Code Javascript
Examinons le code JavaScript suivant :
< scénario >fonctionDemo ( ) ;
fonction fonctionDemo ( ) {
console. enregistrer ( 'Bonjour Linuxhint' ) ;
} ;
scénario >
Dans le bloc de code ci-dessus, la fonction ' fonctionDémo() » est d'abord invoqué puis déclaré. Il utilise la méthode 'console.log()' pour renvoyer le message indiqué.
Sortir
La sortie affiche le résultat de la fonction définie par l'utilisateur. En outre, il peut être analysé que la fonction peut être invoquée indépendamment de la séquence de la fonction impliquée ou définie.
Différences entre 'var functionName = function() {}' et 'function functionName() {}'
Les principales différences entre le ' var nom_fonction = fonction() {} » expression et le « fonction nom_fonction() {} » déclaration sont énumérés ci-dessous :
- La 'déclaration de fonction' est placée à l'intérieur de la définition de fonction tandis que 'l'expression de fonction' est placée en dehors de son script en tant qu'instruction d'affectation.
- La 'déclaration de fonction' ne génère aucune erreur si une fonction appelle avant elle. Cependant, l'« expression de fonction » génère une erreur si un utilisateur appelle une fonction avant sa déclaration.
Conclusion
Le ' var nom_fonction = fonction() {} ' est une expression de fonction tandis que le ' fonction nom_fonction() {} » est connue sous le nom de « déclaration de fonction ». L'« expression de fonction » agit comme une instruction d'affectation et doit être affectée à une variable avant d'invoquer la fonction. En revanche, la 'déclaration de fonction' est accessible quelle que soit la séquence d'invocation. Ce guide a démontré la différence entre 'l'expression de fonction', c'est-à-dire 'var functionName = function() {}' et la 'déclaration de fonction', c'est-à-dire 'function functionName() {}' en JavaScript.