Maison > interface Web > js tutoriel > A quoi sert la fonction js

A quoi sert la fonction js

DDD
Libérer: 2023-10-07 11:25:38
original
2676 Les gens l'ont consulté

L'utilisation de la fonction js comprend : 1. Déclarer la fonction ; 2. Appeler la fonction ; 3. Paramètres de la fonction ; 5. Fonction anonyme ; 7. Portée de la fonction ;

A quoi sert la fonction js

Une fonction JavaScript est un bloc de code réutilisable qui effectue une tâche ou un calcul spécifique. Ils peuvent recevoir des paramètres d’entrée et renvoyer des résultats de sortie. Les fonctions jouent un rôle important dans JavaScript. Elles peuvent améliorer la lisibilité, la maintenabilité et la réutilisabilité du code. Cet article présentera en détail l'utilisation des fonctions JavaScript.

1. Déclarer une fonction :

En JavaScript, vous pouvez déclarer une fonction en utilisant le mot-clé function. La déclaration de fonction comprend le nom de la fonction, la liste des paramètres et le corps de la fonction. Par exemple :

function add(a, b) {
   return a + b;
}
Copier après la connexion

Le code ci-dessus déclare une fonction appelée add qui reçoit deux paramètres a et b et renvoie leur somme.

2. Appeler une fonction :

Pour appeler une fonction, utilisez simplement le nom de la fonction suivi d'une paire de parenthèses et fournissez les paramètres requis entre parenthèses. Par exemple :

var result = add(2, 3);
console.log(result); // 输出 5
Copier après la connexion

Le code ci-dessus appelle la fonction add précédemment déclarée et lui passe 2 et 3 comme paramètres. Une fois la fonction exécutée, le résultat renvoyé est affecté à la variable de résultat et affiché via console.log.

3. Paramètres de fonction :

La fonction peut recevoir n'importe quel nombre de paramètres. Dans une déclaration de fonction, la liste des paramètres est séparée par des virgules. Par exemple :

function greet(name) {
   console.log("Hello, " + name + "!");
}
greet("Alice"); // 输出 Hello, Alice!
greet("Bob"); // 输出 Hello, Bob!
Copier après la connexion

Le code ci-dessus déclare une fonction nommée greet, qui reçoit un nom de paramètre et génère un message d'accueil via console.log. Lors de l'appel d'une fonction, vous pouvez transmettre différentes valeurs pour les paramètres.

4. Valeur de retour de la fonction :

Une fonction peut utiliser l'instruction return pour renvoyer une valeur. La valeur de retour peut être n'importe quel type de données JavaScript. Par exemple :

function multiply(a, b) {
   return a * b;
}
var result = multiply(2, 3);
console.log(result); // 输出 6
Copier après la connexion

Le code ci-dessus déclare une fonction appelée multiplier, qui reçoit deux paramètres a et b et renvoie leur produit. Lorsque la fonction est appelée, la valeur de retour est affectée à la variable résultat.

5. Fonctions anonymes :

JavaScript prend également en charge les fonctions anonymes, c'est-à-dire les fonctions sans nom de fonction. Les fonctions anonymes peuvent être déclarées à l'aide d'expressions de fonction. Par exemple :

var add = function(a, b) {
   return a + b;
}
var result = add(2, 3);
console.log(result); // 输出 5
Copier après la connexion

Le code ci-dessus déclare une fonction anonyme et l'assigne à la variable add. Cette fonction anonyme peut alors être appelée comme une fonction normale.

6. Fonctions comme paramètres :

Les fonctions JavaScript peuvent également être transmises comme paramètres à d'autres fonctions. Cette utilisation est appelée programmation fonctionnelle. Par exemple :

function calculate(a, b, operation) {
   return operation(a, b);
}
function add(a, b) {
   return a + b;
}
function multiply(a, b) {
   return a * b;
}
var result1 = calculate(2, 3, add);
console.log(result1); // 输出 5
var result2 = calculate(2, 3, multiply);
console.log(result2); // 输出 6
Copier après la connexion

Le code ci-dessus déclare une fonction nommée calculate, qui reçoit trois paramètres a, b et opération. En fonction de la fonction d'opération transmise, la fonction de calcul peut effectuer différentes opérations de calcul.

7. Portée de la fonction :

En JavaScript, les fonctions ont leur propre portée. Cela signifie que les variables déclarées à l'intérieur d'une fonction ne sont pas accessibles en dehors de la fonction. Par exemple :

function sayHello() {
   var message = "Hello!";
   console.log(message);
}
sayHello(); // 输出 Hello!
console.log(message); // 报错,message is not defined
Copier après la connexion

Le code ci-dessus déclare une fonction nommée sayHello et déclare une variable nommée message à l'intérieur de la fonction. Tenter d'accéder à cette variable en dehors de la fonction entraînera une erreur.

8. Fonctions récursives :

Les fonctions JavaScript prennent également en charge les appels récursifs, c'est-à-dire que la fonction peut s'appeler elle-même. Cette utilisation est très utile pour résoudre certains problèmes récursifs. Par exemple :

function factorial(n) {
   if (n === 0) {
       return 1;
   } else {
       return n * factorial(n - 1);
   }
}
var result = factorial(5);
console.log(result); // 输出 120
Copier après la connexion

Le code ci-dessus déclare une fonction appelée factorielle, qui calcule la factorielle d'un nombre. Au sein de la fonction, le calcul factoriel est implémenté en s'appelant de manière récursive.

Ci-dessus sont quelques utilisations courantes des fonctions JavaScript. Les fonctions sont un concept très important en JavaScript. Maîtriser l'utilisation des fonctions peut nous aider à écrire du code plus efficace et plus élégant.

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