Fonction (Function) JavaScript

Une fonction JavaScript est un bloc de code conçu pour exécuter des actions ou des tâches spécifiques.

Une fonction est un code personnalisé défini par le programmeur, qui rend votre programme plus modulaire et efficace.

Lorsque "quelque chose" appelle une fonction JavaScript, cette fonction est exécutée.

定义函数

Définition de la fonctionégalement appeléeDéclaration de la fonction) est utilisée avec le mot-clé function, dans l'ordre suivant :

• Nom de la fonction

• La liste des paramètres de la fonction, encadrée par des parenthèses ( ) et séparée par des virgules.

• L'instruction de définition de la fonction, entourée de crochets { }.
  

Voici la syntaxe des fonctions en JavaScript :

function nameOfFunction(parameter1, parameter2, ..., parameterN) {
　//　Code à exécuter
　}

Le nom de la fonction peut contenir des lettres, des chiffres, des traits de soulignement et le symbole dollar $ (les mêmes règles que pour les variables).

Dans le premier exemple, nous ferons une déclaration de fonction pour imprimer un salut au document.

function greet() {
　　　document.write("Hello, World!");
}

Appel de la fonction

La définition d'une fonction ne s'exécute pas. La définition d'une fonction consiste à nommer la fonction et à spécifier les opérations à effectuer lors de l'appel de la fonction.

Vous pouvez appeler une fonction en ajoutant des parenthèses () après le nom de la fonction.

//Définir la fonction greet()
function greet() {
　　　document.write("Hello, World!");
}
//Appeler la fonction greet() déjà définie
greet();

Maintenant, nous allonsgreet()Le code est contenu dans une fonction et peut être réutilisé selon les besoins.

//　Définir la fonction greet()
function greet() {
　　　document.write("Hello, World!");
}
//　Appeler plusieurs fois la fonction greet() déjà définie
greet();
greet();
greet();

Vous pouvez également appeler des fonctions en utilisant d'autres méthodes :

• Lorsqu'un événement se produit (par exemple, lorsque l'utilisateur clique sur un bouton)

• Appeler à partir du code JavaScript

• Automatique (auto-exécuté)

Dans la partie suivante de ce tutoriel, vous apprendrez davantage sur les appels de fonction.

Paramètres de la fonction

Lorsque vous définissez une fonction pour accepter des valeurs d'entrée au moment de l'exécution, vous pouvez spécifier des paramètres.

Les paramètres sont listés dans les parenthèses () de la définition de la fonction.

//定义函数
function greet(name) {
　　　document.write("Hello,　"　+　name);
}
//以“　Vishal”为参数调用greet函数
greet("Vishal");

您可以根据需要定义任意数量的参数。

//定义函数
function　add(num1,　num2,　num3)　{
　　　var　total　=　num1　+　num2　+　num3;
　　　document.write(total);
}
　
//　Appel de fonction
add(5,　20,　10);　//　Affiche :　35
add(-5,　8,　7);　　//　Affiche :　10

但是，对于您指定的每个参数，在调用函数时都需要将相应的参数传递给该函数，否则其值将变得不确定。

//定义函数
function　showFullname(fName,　lName)　{
　　　document.write(fName　+　"　"　+　lName);
}
　
//　Appel de fonction
showFullname("Kavy",　"Mark");　//　Affiche : Kavy Mark
showFullname("John");　//　Affiche : John undefined

参数的工作方式类似于函数中的占位符变量；它们在运行时被调用时提供给函数的值（称为参数）替换。

在函数内部，参数表现为局部变量。

您将在本教程的后面部分了解有关函数参数的更多信息。

返回值

JavaScript函数可以使用return语句将值返回给调用该函数的脚本。

返回的值可以是任何类型，包括数组和对象。

当JavaScript到达一条return语句时，该函数将停止执行。

以下函数采用一个称为数字的参数，并返回乘以自身的参数（即数字）：

//定义函数
function　square(number)　{
　　　return　number　*　number;
}
//调用函数，返回值将存储在x中
var　x　=　square(5);

一个函数不能返回多个值。但是，您可以通过返回值数组来获得类似的结果：

function　makeArray()　{
　　　var　myArray　=　["Apple",　"Mango",　"Banana",　"Orange"];
　　　return　myArray;
}

()运算符调用函数

使用上面的示例，引用函数square对象，并引用函数square()结果。

如果不使用()，将返回函数定义而不是函数结果：

function　square(number)　{
　　　return　number　*　number;
}
document.write(square(5));　　//　输出　25
document.write(square);　//　Sortir la fonction définie

Expression de fonction

Bien que la déclaration de fonction ci-dessus soit grammaticalement une instruction, elle peut également être définie parExpressionCréer une fonction

Les expressions de fonction peuvent être stockées dans une variable et appelées à tout moment en utilisant le nom de la variable.

Ces fonctions peuvent êtreAnonyme ; Il n'est pas nécessaire qu'il ait un nom. Par exemple, la fonction square() peut être définie comme suit :

var　square　=　function(number)　{　return　number　*　number;　};
var　x　=　square(5);　//　x　=　25

Un autre exemple :

var　sum　=　function(a,　b)　{
return　a　+　b;
});
var　x　=　sum(100,　8);　　//　x　=　108

La fonction ci-dessus se termine par un point-virgule car elle fait partie d'une instruction exécutable.

Portée de la fonction

Les variables définies à l'intérieur d'une fonction ne peuvent pas être accédées depuis n'importe où en dehors de la fonction, elles deviendront des variables locales de la fonction.

//　Le code ici ne peut pas utiliser　city
function　myFunc()　{
　　　var　city　=　"New　Delhi";
　　//　Le code ici peut utiliser　city
}
//　Le code ici ne peut pas utiliser　city

Les variables locales ne peuvent être utilisées qu'à l'intérieur de la fonction, donc des variables portant le même nom peuvent être utilisées dans différentes fonctions.

Les variables locales sont créées au démarrage de la fonction et supprimées à la fin de la fonction.