Maison interface Web js tutoriel Comment utiliser la fonction d'exécution immédiate de JavaScript

Comment utiliser la fonction d'exécution immédiate de JavaScript

Dec 13, 2018 pm 05:30 PM

Comment utiliser la fonction d'exécution immédiate de JavaScript ? Cet article vous présentera comment utiliser les fonctions d'exécution immédiate de JavaScript.

Comment utiliser la fonction dexécution immédiate de JavaScript

Jetons un bref aperçu de ce qu'est la fonction  ?

Une fonction est un bloc de code événementiel ou réutilisable qui s'exécute lorsqu'elle est appelée.

En d’autres termes, si vous utilisez une fonction plusieurs fois, appelez-la simplement.

Utiliser la fonction, définie comme suit.

fonction 函数名(){
执行的代码
}
Copier après la connexion

Regardons à nouveauQu'est-ce qu'une fonction anonyme ?

Comme son nom l'indique, une fonction anonyme est une fonction dont la fonctionnalité peut être définie sans nom de fonction

L'utilisation de fonctions anonymes présente également l'avantage de simplifier le code lors de l'utilisation de fonctions d'ordre supérieur.

Une fonction d'ordre supérieur est une fonction qui peut gérer la fonction elle-même comme paramètre ou valeur de retour.

Dans les fonctions d'ordre supérieur, la fonction en tant que paramètre n'est généralement utilisée qu'une seule fois, je peux donc simplifier le code en en faisant une fonction anonyme.

De plus, comme vous n'avez pas besoin de définir un nom de portée globale en en faisant une fonction anonyme, vous réduisez également les erreurs causées par la duplication des noms de fonctions.

Comparaison de la fonction normale et de la fonction anonyme

Comparons la fonction normale et la fonction anonyme en fonction du programme suivant.

function( ) {
 执行的代码
}
Copier après la connexion

Fonction normale (fonction nommée)

Le code est le suivant

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      function sum(a,b){
        var result = a + b;
        return result;
      }
      var answer = sum(1,2);
      console.log(answer);
    </script>
  </body>
</html>
Copier après la connexion

Lorsqu'il est appelé à l'aide de console.log , Sortie "3" basée sur les paramètres 1 et 2.

Comment utiliser la fonction dexécution immédiate de JavaScript

Fonction anonyme

Ensuite, nous utilisons une fonction anonyme pour écrire la même fonction

Le code est le suivant

  <script>
      var sum = function (a,b){
    var result = a + b;
    return result;
  }
  var answer = sum(1,2);
  console.log(answer);
    </script>
Copier après la connexion

Dans une fonction nommée, nous définissons d'abord la fonction sum, nous attribuons ensuite sum à la variable réponse et l'appelons avec les paramètres 1 et 2.

En revanche, dans une fonction anonyme, la définition de la fonction peut être saisie directement dans la variable, donc pouvoir stocker la définition de la fonction elle-même dans la variable est également un avantage des fonctions anonymes.

Le résultat est le même

Comment utiliser la fonction dexécution immédiate de JavaScript

Enfin, regardons l'utilisation de la fonction d'exécution immédiate

immédiate fonction Est une expression de fonction immédiatement exécutée, appelée IIFE (immédiatement invoquée function expression) en anglais.

La fonction immédiate est exécutée immédiatement après sa définition.

On parle donc de fonction d'exécution immédiate.

Utilisez des fonctions immédiates, qui peuvent être exécutées immédiatement tant que vous définissez la fonction.

Les variables locales sont déclarées dans une fonction et utilisées tout au long de la fonction déclarée.

Les variables globales sont des variables déclarées dans la portée globale, elles peuvent donc être utilisées n'importe où dans un programme JavaScript.

Par exemple, si une variable globale est déclarée en dehors d'une fonction, alors elle peut être utilisée à la fois à l'intérieur et à l'extérieur de la fonction.

Regardons un exemple de fonction immédiate

var déclare une variable, et la définition de fonction à partir de fonctions peut elle-même être exécutée immédiatement.

Le code est le suivant

<script>
    var sum = (function (a,b){
    var result = a + b;
    return result;
  })(1,2);
  console.log(sum);
    </script>
Copier après la connexion

Nous exécutons la définition de la fonction en lui fournissant immédiatement des paramètres.

Jusqu'à présent, nous avons attribué la fonction somme à la variable réponse et transmis les paramètres. L'omettre en tant que réponse variable signifie que vous pouvez transmettre des arguments directement à la fonction définie et exécuter le contenu.

Ce programme est très fluide puisque vous n'avez pas besoin d'utiliser varanswer = sum(1,2);

Le résultat en cours d'exécution est le suivant : le résultat est également 3

Comment utiliser la fonction dexécution immédiate de JavaScript

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal? Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal? Apr 04, 2025 pm 02:42 PM

Des questions et des solutions fréquemment posées pour l'impression de billets thermiques frontaux pour le développement frontal, l'impression de billets est une exigence commune. Cependant, de nombreux développeurs mettent en œuvre ...

Qui est payé plus de python ou de javascript? Qui est payé plus de python ou de javascript? Apr 04, 2025 am 12:09 AM

Il n'y a pas de salaire absolu pour les développeurs Python et JavaScript, selon les compétences et les besoins de l'industrie. 1. Python peut être davantage payé en science des données et en apprentissage automatique. 2. JavaScript a une grande demande dans le développement frontal et complet, et son salaire est également considérable. 3. Les facteurs d'influence comprennent l'expérience, la localisation géographique, la taille de l'entreprise et les compétences spécifiques.

Démystifier javascript: ce qu'il fait et pourquoi c'est important Démystifier javascript: ce qu'il fait et pourquoi c'est important Apr 09, 2025 am 12:07 AM

JavaScript est la pierre angulaire du développement Web moderne, et ses principales fonctions incluent la programmation axée sur les événements, la génération de contenu dynamique et la programmation asynchrone. 1) La programmation axée sur les événements permet aux pages Web de changer dynamiquement en fonction des opérations utilisateur. 2) La génération de contenu dynamique permet d'ajuster le contenu de la page en fonction des conditions. 3) La programmation asynchrone garantit que l'interface utilisateur n'est pas bloquée. JavaScript est largement utilisé dans l'interaction Web, les applications à une page et le développement côté serveur, améliorant considérablement la flexibilité de l'expérience utilisateur et du développement multiplateforme.

Comment fusionner les éléments du tableau avec le même ID dans un seul objet en utilisant JavaScript? Comment fusionner les éléments du tableau avec le même ID dans un seul objet en utilisant JavaScript? Apr 04, 2025 pm 05:09 PM

Comment fusionner les éléments du tableau avec le même ID dans un seul objet en JavaScript? Lors du traitement des données, nous rencontrons souvent la nécessité d'avoir le même ID ...

Comment réaliser des effets de défilement de parallaxe et d'animation des éléments, comme le site officiel de Shiseido?
ou:
Comment pouvons-nous réaliser l'effet d'animation accompagné d'un défilement de page comme le site officiel de Shiseido? Comment réaliser des effets de défilement de parallaxe et d'animation des éléments, comme le site officiel de Shiseido? ou: Comment pouvons-nous réaliser l'effet d'animation accompagné d'un défilement de page comme le site officiel de Shiseido? Apr 04, 2025 pm 05:36 PM

La discussion sur la réalisation des effets de défilement de parallaxe et d'animation des éléments dans cet article explorera comment réaliser le site officiel de Shiseido (https://www.shiseido.co.jp/sb/wonderland/) ...

JavaScript est-il difficile à apprendre? JavaScript est-il difficile à apprendre? Apr 03, 2025 am 12:20 AM

Apprendre JavaScript n'est pas difficile, mais c'est difficile. 1) Comprendre les concepts de base tels que les variables, les types de données, les fonctions, etc. 2) Master la programmation asynchrone et les implémenter via des boucles d'événements. 3) Utilisez les opérations DOM et promettez de gérer les demandes asynchrones. 4) Évitez les erreurs courantes et utilisez des techniques de débogage. 5) Optimiser les performances et suivre les meilleures pratiques.

La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents? La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents? Apr 04, 2025 pm 05:12 PM

Discussion approfondie des causes profondes de la différence de sortie Console.log. Cet article analysera les différences dans les résultats de sortie de la fonction Console.log dans un morceau de code et expliquera les raisons derrière. � ...

Comment implémenter la fonction de glisser-déposer et de régler la fonction de réglage similaire à VScode dans le développement frontal? Comment implémenter la fonction de glisser-déposer et de régler la fonction de réglage similaire à VScode dans le développement frontal? Apr 04, 2025 pm 02:06 PM

Explorez la mise en œuvre de la fonction de glisser et de réglage du panneau de type VScode dans le frontal. Dans le développement frontal, comment implémenter un VScode comme ...

See all articles