Valeurs de retour d'une fonction en JavaScript

Les fonctions JavaScript sont l’un des blocs de construction essentiels qui exécutent la série d’étapes. Ces fonctions sont comme des procédures.

Un ensemble d’instructions est fourni à l’intérieur de la fonction qui exécute la tâche. La seule différence est que la fonction a besoin du paramètre d’entrée et doit renvoyer quelque chose à la fonction appelante. Pour utiliser une fonction, vous devez la définir quelque part dans la portée que vous souhaitez l’appeler.

Cet article va montrer comment renvoyer des valeurs à partir d’une fonction JavaScript.

Valeurs de retour de la fonction JavaScript

Une définition de fonction est constituée du mot-clé function. Une définition de fonction est également appelée instruction de fonction ou déclaration de fonction. Il est suivi de :

1. Le nom de la fonction. Ce nom de fonction doit être unique pour le fichier.
2. Une liste de fonction paramètres d’entrée. Ces paramètres sont mis entre parenthèses et séparés par des virgules.
3. Le contenu de la fonction est placé entre des crochets, {…}.

Syntaxe:

Avant ES6

function fnName(params) {
  /* perform actions on params */
  return value;
}

Après ES6

param => expression

La norme ES6 prend en charge la fonction flèche, qui ne nécessite pas de définir le mot-clé de la fonction avant de définir la fonction, de renvoyer la valeur et de placer le code entre des accolades. Pour plus d’informations sur la fonction ES6, lisez la documentation de la méthode fonctions fléchées.

La fonction peut renvoyer n’importe quoi comme un tableau, un objet littéral, une chaîne, un entier, une valeur booléenne ou un objet d’un type personnalisé que vous créez qui encapsule les valeurs de retour. Vous pouvez transmettre n’importe quoi à la fonction, comme un tableau, un objet littéral ou un objet personnalisé à une méthode pour convertir les valeurs.

Les fonctions peuvent être déclarées en tant qu’expressions. Cette fonction est appelée fonction anonyme.

Les fonctions anonymes n’ont pas de nom de fonction. La fonction doit être appelée pour exécuter les étapes à l’intérieur de la fonction.

Pour plus d’informations, lisez la documentation de la méthode Functions.

Exemple d’objet :

function osObject() {
  const returnedObject = {};
  for (let i = 0; i < arguments.length; ++i) {
    returnedObject['os' + i] = arguments[i];
  }
  return returnedObject;
}

const returnValue = osObject('Linux', 'MacOS', 'Windows', 'Ubuntu');
console.log(returnValue);

Dans l’exemple de code ci-dessus, nous avons créé la fonction osObject, qui prend les paramètres d’entrée et renvoie l’objet avec les valeurs d’entrée. Le mot clé return indique que la fonction renvoie quelque chose à l’appelant.

Dans notre exemple, nous retournons osObject. La sortie du code ci-dessus ressemblera à ceci :

Production :

{
  os0: "Linux",
  os1: "MacOS",
  os2: "Windows",
  os3: "Ubuntu"
}

Exemple de tableau :

function osArray() {
  const returnedArray = [];
  for (let i = 0; i < arguments.length; ++i) {
    returnedArray.push(arguments[i]);
  }
  return returnedArray;
}

const returnValue = osArray('Linux', 'MacOS', 'Windows', 'Ubuntu');
console.log(returnValue);

Dans l’exemple de code ci-dessus, nous avons créé la fonction osArray, qui prend les paramètres d’entrée en arguments et renvoie le tableau avec les valeurs d’entrée. Le mot clé return indique que la fonction renvoie quelque chose à l’appelant.

Dans notre exemple, nous retournons osArray. La sortie du code ci-dessus ressemblera à ceci :

Production :

["Linux", "MacOS", "Windows", "Ubuntu"]