Que sont les fonctions JavaScript ? Un guide du débutant pour les écrire et les utiliser.

Les fonctions JavaScript sont des outils puissants en programmation, que vous construisiez une simple calculatrice ou une application Web complexe, les fonctions sont essentielles. Cet article vous expliquera progressivement les connaissances de base des fonctions JavaScript pour vous aider à maîtriser facilement l'écriture et l'utilisation des fonctions.

Qu'est-ce qu'une fonction ?

Une fonction est un bloc de code qui effectue une tâche spécifique. Une fois écrit une fois, il peut être appelé à plusieurs reprises en cas de besoin, améliorant ainsi la réutilisabilité du code.

Comment écrire une fonction ?

Écrivons notre première fonction étape par étape :

<code class="language-javascript">function greet() {
  console.log("Hello, world!");
}
greet();</code>

Explication du code :

• function : mot-clé pour déclarer les fonctions.
• greet : Nom de la fonction (n'importe quel nom descriptif peut être utilisé).
• () : Liste des paramètres (vide ici signifie que la fonction ne nécessite aucune saisie).
• {} : Corps de la fonction, contenant le code d'exécution de la fonction.

Appelez la fonction greet() et la console affichera "Hello, world!".

Paramètres et valeurs des paramètres

Les paramètres rendent les fonctions plus flexibles. Les paramètres sont des variables déclarées lorsque la fonction est définie et les valeurs des paramètres sont les valeurs réelles transmises aux paramètres lorsque la fonction est appelée.

<code class="language-javascript">function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Majeedat");</code>

Sortie : Bonjour, Majeedat !

La différence entre les paramètres et les valeurs des paramètres :

• Paramètres : Espaces réservés définis lorsque la fonction est déclarée.
• Valeur du paramètre : La valeur réelle transmise au paramètre lorsque la fonction est appelée.

Valeur de retour

La fonction peut non seulement générer des informations, mais également renvoyer une valeur.

<code class="language-javascript">function add(a, b) {
  return a + b;
}
let result = add(5, 3);
console.log(result); // 输出：8</code>

Le mot-clé

return renvoie le résultat du calcul à l'endroit où la fonction est appelée.

Expression de fonction

Une autre façon de définir une fonction est une expression de fonction :

<code class="language-javascript">const greet = function(name) {
  console.log(`Hi, ${name}!`);
};</code>

Attribuez la fonction à une variable.

Fonction flèche

Les fonctions fléchées sont une manière plus concise de définir des fonctions :

<code class="language-javascript">const greet = (name) => {
  console.log(`Hey, ${name}!`);
};</code>

Pour les fonctions sur une seule ligne, les accolades peuvent être omises :

<code class="language-javascript">const add = (a, b) => a + b;
console.log(add(2, 4)); // 输出：6</code>

Avantages des fonctions

1. Réutilisabilité : Écrivez une fois, utilisez plusieurs fois.
2. Lisibilité : Rendre le code plus clair et plus facile à comprendre.
3. Modularisation : divisez le code en petits modules gérables.

Erreurs courantes commises par les débutants

A. J'ai oublié d'appeler la fonction : Définissez une fonction mais oubliez de l'appeler.

<code class="language-javascript">function greet() {
  console.log("Oops, you forgot to call me!");
}
// 需要调用 greet();</code>

B. Inadéquation des paramètres : Le nombre de paramètres attendus par la fonction ne correspond pas au nombre de paramètres réellement passés.

<code class="language-javascript">function add(a, b) {
  return a + b;
}
console.log(add(5)); // 输出：NaN (Not a Number)</code>

C. Boucle infinie : La fonction elle-même est appelée de manière infiniment récursive.

Résumé

Les fonctions JavaScript constituent la base de la création d'applications Web interactives dynamiques. La maîtrise de l'utilisation des fonctions améliorera considérablement l'efficacité de votre programmation. Commencez à écrire vos propres fonctions maintenant !

Auteur : MJ Au revoir !

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!