Maison  >  Article  >  interface Web  >  Apprenez les appels de fonction et les valeurs de retour en JavaScript

Apprenez les appels de fonction et les valeurs de retour en JavaScript

WBOY
WBOYoriginal
2023-11-03 18:24:191216parcourir

Apprenez les appels de fonction et les valeurs de retour en JavaScript

Pour apprendre les appels de fonction et les valeurs de retour en JavaScript, vous avez besoin d'exemples de code spécifiques

En JavaScript, une fonction est un bloc de code réutilisable. En appelant des fonctions, nous pouvons effectuer une série d'opérations dans le programme. Les appels de fonction et les valeurs de retour sont l'un des concepts très importants de la programmation fonctionnelle. Dans cet article, nous apprendrons comment appeler une fonction et comment utiliser la valeur de retour.

1. Appel de fonction
En JavaScript, nous pouvons appeler des fonctions des deux manières suivantes :

1. Appeler directement le nom de la fonction
Exemple :

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

sayHello(); // 调用函数

Dans le code ci-dessus, nous définissons une fonction nommée sayHello<.> fonction, nous pouvons appeler la fonction directement en ajoutant des parenthèses après le nom de la fonction et en passant les paramètres (le cas échéant) entre parenthèses. Dans cet exemple, la fonction <code>sayHello ne reçoit aucun paramètre et ne génère qu'un simple message. sayHello的函数,通过在函数名称后面添加括号并在括号中传递参数(如果有的话),我们可以直接调用该函数。在本例中,sayHello函数没有传递任何参数,仅输出一条简单的消息。

2.使用函数表达式
例子:

const sayGoodbye = function() {
    console.log("Goodbye!");
}

sayGoodbye(); //调用函数

在上述代码中,我们使用函数表达式定义了一个名为sayGoodbye的函数。与直接调用函数名称的方式类似,我们同样可以通过在函数表达式后面添加括号来调用该函数。

二、函数的返回值
在JavaScript中,函数可以返回一个值。通过使用return关键字,我们可以将一个值从函数中返回给函数的调用者。

例子:

function addNumbers(num1, num2) {
    return num1 + num2;
}

const result = addNumbers(5, 10);
console.log(result); // 输出15

在上述代码中,我们定义了一个名为addNumbers的函数,它接受两个参数num1num2。通过将这两个参数相加并使用return语句返回结果,我们可以在调用函数时获取计算的结果。

需要注意的是,一旦函数执行return语句,它将会立即停止执行,并将返回值返回给函数的调用者。因此,return语句通常出现在函数的最后一行。如果您在函数中使用了多个return语句,只有第一个被执行到的return语句将会生效。

另外,如果函数没有指定返回值,或者没有使用return语句,函数将默认返回undefined

总结:
通过学习本文,我们了解了JavaScript中如何调用函数以及如何使用函数的返回值。通过直接调用函数名称或使用函数表达式,我们可以执行特定的函数代码块。通过使用return

2. Utiliser des expressions de fonction🎜Exemple : 🎜rrreee🎜Dans le code ci-dessus, nous utilisons des expressions de fonction pour définir une fonction nommée sayGoodbye. Semblable à l’appel direct du nom de la fonction, nous pouvons également appeler la fonction en ajoutant des parenthèses après l’expression de la fonction. 🎜🎜2. La valeur de retour de la fonction🎜En JavaScript, une fonction peut renvoyer une valeur. En utilisant le mot-clé return, nous pouvons renvoyer une valeur d'une fonction à l'appelant de la fonction. 🎜🎜Exemple : 🎜rrreee🎜Dans le code ci-dessus, nous définissons une fonction nommée addNumbers, qui accepte deux paramètres num1 et num2. En ajoutant ces deux paramètres et en renvoyant le résultat à l'aide de l'instruction return, nous pouvons obtenir le résultat du calcul lors de l'appel de la fonction. 🎜🎜Il convient de noter qu'une fois que la fonction exécute l'instruction return, elle arrêtera immédiatement l'exécution et renverra la valeur de retour à l'appelant de la fonction. Par conséquent, l'instruction return apparaît généralement sur la dernière ligne d'une fonction. Si vous utilisez plusieurs instructions return dans une fonction, seule la première instruction return exécutée prendra effet. 🎜🎜De plus, si la fonction ne spécifie pas de valeur de retour ou n'utilise pas l'instruction return, la fonction renverra undefined par défaut. 🎜🎜Résumé : 🎜En étudiant cet article, nous avons appris comment appeler des fonctions en JavaScript et comment utiliser la valeur de retour de la fonction. Nous pouvons exécuter un bloc spécifique de code de fonction en appelant directement le nom de la fonction ou en utilisant une expression de fonction. En utilisant le mot-clé return, nous pouvons renvoyer le résultat du calcul de la fonction à l'appelant de la fonction. Cela nous permet d'utiliser le résultat de la fonction pour des opérations ultérieures dans le programme. Dans les études futures, nous en apprendrons également davantage sur les concepts et l’utilisation davantage liés aux fonctions. 🎜

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