L'importance des fonctions en JS

Cette fois, je vais vous apporter l'importance des fonctions en JS Quelles sont les précautions lors de l'utilisation des fonctions en JS. Voici des cas pratiques. Levez-vous et jetez un œil.

Puisqu'il s'agit d'un objet, alors il peut être :

1. Créé via un littéral

2. Attribué aux variables, éléments du tableau et propriétés d'autres objets(propriété)

3. Passé en paramètre à une fonction

4. Comme valeur de retour d'une fonction

5. Contient des attributs qui peuvent être créés et attribués dynamiquement

En plus des fonctions des objets ci-dessus, les fonctions diffèrent des autres objets dans la mesure où ils peuvent être appelés.

En JS, il y a une promotion variable. Lorsqu'une variable est déclarée avec var, elle est immédiatement promue en haut de la portée actuelle (les variables déclarées avec let et const ne le sont pas). Par exemple :

1 function a() {2     console.log(b);3     var b = 10;4 }5 a();  //undefined

Le résultat de l'exécution du code ci-dessus n'est pas défini. La raison en est que lorsque la variable b est déclarée via var, une promotion de variable se produit et est immédiatement promue en haut de la portée actuelle (notez que la promotion se produit immédiatement après la déclaration, alors que b n'a pas encore été défini !) , la "portée actuelle" à ce moment est la portée de la fonction a. Par conséquent, le code ci-dessus ressemble en fait à ceci :

1 function a() {2     var b;  //变量的声明被提升至当前作用域顶部3     console.log(b);4     b = 10;5 }6 a();

La déclaration de la variable b est promue à la deuxième ligne (seule la déclaration est promue), et b ne se voit pas attribuer de valeur à ce moment-là, par conséquent, lorsque le code continue de s'exécuter jusqu'à la troisième ligne de console.log(b), undefined est affiché.

En plus de la promotion variable, JS dispose également d'une "promotion de fonction". De la même manière, les fonctions seront également promues, mais la fonction n'est pas seulement une promotion déclarée, mais une « promotion globale ». Veuillez regarder le code suivant :

1 function a() {2     b();3     function b() {4         console.log("yes!");5     }6 }7 a();  //yes!

À ce stade, la fonction b peut être exécutée normalement. C'est précisément parce que la fonction est promue et est "globalement promue", donc b() peut s'exécuter normalement. Ce code est en réalité équivalent à :

1 function a() {2     function b() {3         console.log("yes!");4     }5     b();6 }7 a();  //yes!

A noter que seules les fonctions déclarées sous forme ordinaire peuvent être promues ! Par exemple :

1 function a() {2     b();3     var b = function() {        //字面量声明的函数4         console.log("yes!");5     }6 }7 a();  //报错

La fonction anonyme ici est déclarée via des littéraux, il n'y a donc pas de promotion de fonction et une erreur sera être signalé.

Mais lorsque des variables et des fonctions sont déclarées en même temps, laquelle a priorité ?

En JS, l'une des raisons pour lesquelles les fonctions sont appelées « citoyens de première classe » est qu'elles ont la priorité par rapport aux variables. Lorsque la promotion se produit, la fonction. sera promu au sommet du périmètre ! Par exemple :

1 function a() {2     var b = 10;3     function b () {4         console.log("yes！");5     }6     console.log(b);7     console.log(typeof b);8 }9 a();    //10  number

Dans ce code, la déclaration de la variable b est hissée, mais la fonction de « citoyen de première classe » est hissée au-dessus de la déclaration de la variable b. Pendant la phase d'exécution du code, 10 est attribué à b, donc le résultat de sortie est que b vaut 10 et le type devient un nombre.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment implémenter une liaison de données bidirectionnelle dans l'applet WeChat

DOM optimisé pour JavaScript Webpack Utilisation des modules

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!