Maison  >  Article  >  interface Web  >  fonction de paramétrage javascript

fonction de paramétrage javascript

WBOY
WBOYoriginal
2023-05-17 16:20:38543parcourir

Javascript est un langage de script utilisé pour le développement Web. Grâce à Javascript, nous pouvons obtenir des effets interactifs dans les pages Web, améliorant ainsi l'expérience utilisateur. Parmi eux, la fonction est l'un des concepts importants de Javascript, qui peut nous aider à implémenter de nombreuses fonctions courantes. Cet article explique comment définir des fonctions en Javascript.

Les fonctions sont l'un des éléments de base de Javascript. Il s'agit d'un bloc de code composé d'instructions et d'opérations associées utilisées pour implémenter une fonction spécifique. Les fonctions en Javascript peuvent renvoyer une valeur ou non. Pour définir une fonction, nous pouvons utiliser le mot-clé function, suivi du nom de la fonction, de la liste des paramètres et du corps de la fonction, par exemple :

function myFunction(a, b) {
  return a + b;
}

Dans cet exemple, nous définissons une fonction appelée myFunction, qui a deux paramètres a et b . Le code dans le corps de la fonction implémente l'opération d'addition de ces deux paramètres et renvoie le résultat à l'aide de l'instruction return.

Lors de l'utilisation d'une fonction, nous devons appeler la fonction et transmettre les paramètres correspondants. Par exemple, on peut appeler la fonction maFonction définie ci-dessus en utilisant le code suivant :

var result = myFunction(5, 10);
console.log(result); // 输出 15

Dans cet exemple, on passe deux paramètres 5 et 10 à la fonction, et la fonction renvoie leur somme après exécution, et le résultat est stocké dans le résultat variable, et utilisez la fonction console.log() pour l'afficher sur la console.

Nous pouvons également définir des fonctions sans paramètre. Par exemple :

function sayHello() {
  console.log("Hello!");
}

Dans cet exemple, nous définissons une fonction appelée sayHello, qui ne nécessite de passer aucun paramètre. Le code dans le corps de la fonction utilise la fonction console.log() pour générer une chaîne « Bonjour ! ».

Grâce aux exemples ci-dessus, nous comprenons comment définir des fonctions et les utiliser. Nous verrons ensuite comment utiliser les variables dans les fonctions.

La fonction en Javascript peut accéder aux variables définies dans sa portée externe, ces variables sont appelées variables globales. Nous pouvons également définir des variables locales dans le corps de la fonction, qui ne peuvent être utilisées que dans la fonction. Par exemple :

var globalVar = "This is a global variable";

function myFunction() {
  var localVar = "This is a local variable";
  console.log(globalVar); // 输出 "This is a global variable"
  console.log(localVar); // 输出 "This is a local variable"
}

console.log(globalVar); // 输出 "This is a global variable"
console.log(localVar); // 抛出异常:localVar 未定义

Dans cet exemple, nous avons défini une variable globale globalVar et une variable locale localVar. Dans la fonction myFunction, nous pouvons accéder aux variables globales et locales et afficher leurs valeurs à l'aide de la fonction console.log(). En dehors de la fonction, nous ne pouvons accéder aux variables globales et afficher leurs valeurs qu'à l'aide de la fonction console.log().

Nous pouvons également utiliser des fonctions anonymes, également appelées expressions de fonction. Ce type de définition de fonction n'a pas de nom de fonction et est généralement utilisé pour une exécution unique, comme dans une fonction de rappel. Par exemple :

var myFunction = function() {
  console.log("Hello!");
};

myFunction(); // 输出 "Hello!"

Dans cet exemple, nous définissons une variable appelée myFunction et la définissons sur une fonction anonyme. Nous pouvons appeler cette fonction en utilisant myFunction() et afficher "Bonjour !" en utilisant la fonction console.log().

Une autre façon d'utiliser des fonctions anonymes consiste à utiliser une expression de fonction immédiatement exécutée (IIFE). IIFE fait référence à une expression de fonction qui est exécutée immédiatement après la définition de la fonction. Dans IIFE, nous pouvons utiliser n'importe quelle syntaxe Javascript disponible, y compris les variables, les fonctions et les objets. Par exemple :

(function() {
  var myVariable = "This is a variable";
  console.log(myVariable); // 输出 "This is a variable"
})();

Dans cet exemple, nous créons un IIFE en utilisant la syntaxe (function(){...})() et y définissons la variable myVariable et affichons sa valeur à l'aide de la fonction console.log(). Puisqu'un IIFE s'exécute immédiatement après sa définition, nous pouvons utiliser l'opérateur crochet pour l'envelopper dans une paire de parenthèses, ce qui entraîne son exécution immédiate.

Lors de l'écriture de code Javascript, les fonctions font partie intégrante. En définissant des fonctions, nous pouvons organiser le code en petites parties réutilisables, améliorant ainsi la lisibilité et la maintenabilité du code. L'utilisation de fonctions structure également votre code, le rendant plus facile à comprendre et à déboguer. La maîtrise de la définition de fonctions et des compétences d'appel en Javascript peut nous permettre de réaliser le travail de développement de pages Web plus efficacement.

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:
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