Maison > interface Web > js tutoriel > le corps du texte

L'importance des fonctions en JS

php中世界最好的语言
Libérer: 2018-03-19 16:26:42
original
2944 Les gens l'ont consulté

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
Copier après la connexion

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();
Copier après la connexion

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!
Copier après la connexion

À 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!
Copier après la connexion

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();  //报错
Copier après la connexion

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
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal