UN Fonction JavaScript est un bloc de code conçu pour effectuer une tâche particulière. Il encapsule un ensemble d'instructions qui peuvent être réutilisées tout au long d'un programme. Les fonctions peuvent prendre des paramètres, exécuter des instructions et renvoyer des valeurs, permettant ainsi l'organisation du code, la modularité et la réutilisabilité dans la programmation JavaScript.
Une fonction JavaScript est exécutée lorsque quelque chose l'invoque (l'appelle).
Exemple: Une fonction javascript de base, nous créons ici une fonction qui divise le 1er élément par le deuxième élément.
structure de contrôle pythonJavascript
function myFunction(g1, g2) { return g1 / g2; } const value = myFunction(8, 2); // Calling the function console.log(value);> Sortir
4>
Sortir:
4>
Vous devez déjà avoir vu certaines fonctions couramment utilisées en JavaScript comme alerte() , qui est une fonction intégrée à JavaScript. Mais JavaScript nous permet également de créer des fonctions définies par l'utilisateur. Nous pouvons créer des fonctions en JavaScript en utilisant le mot-clé « function ».
Syntaxe : La syntaxe de base pour créer une fonction en JavaScript est présentée ci-dessous.
function functionName(Parameter1, Parameter2, ...) { // Function body }>Pour créer une fonction en JavaScript, il faut d'abord utiliser le mot-clé fonction , séparés par le nom de la fonction et les paramètres entre parenthèses. La partie de la fonction à l’intérieur des accolades {} est le corps de la fonction.
série de Fibonacci en Java
En javascript, les fonctions peuvent être utilisées de la même manière que des variables pour des affectations ou des calculs.
Invocation de fonction :
- Déclenché par un événement (par exemple, un clic sur un bouton par un utilisateur).
- Lorsqu'il est explicitement appelé à partir du code JavaScript.
- Exécuté automatiquement, comme dans les fonctions auto-invoquantes.
Définition de la fonction :
Avant, en utilisant une fonction définie par l'utilisateur en JavaScript, nous devons en créer une. Nous pouvons utiliser la syntaxe ci-dessus pour créer une fonction en JavaScript. Une définition de fonction est parfois également appelée déclaration de fonction ou instruction de fonction. Voici les règles de création d'une fonction en JavaScript :
- Chaque fonction doit commencer par le mot-clé fonction suivi de,
- Un nom de fonction défini par l'utilisateur qui doit être unique,
- Une liste de paramètres mis entre parenthèses et séparés par des virgules,
- Une liste d'instructions composant le corps de la fonction entre accolades {}.
Exemple: Cet exemple montre une déclaration de base d'une fonction en javascript.
Javascript function calcAddition(number1, number2) { return number1 + number2; } console.log(calcAddition(6,9));> Sortir
15>
Dans l'exemple ci-dessus, nous avons créé une fonction nommée calcAddition,
- Cette fonction accepte deux nombres comme paramètres et renvoie l'addition de ces deux nombres.
- Accéder à la fonction avec uniquement le nom de la fonction sans () renverra l'objet fonction au lieu du résultat de la fonction.
Il existe trois manières d'écrire une fonction en JavaScript :
Déclaration de fonction : Il déclare une fonction avec un mot-clé function. La déclaration de fonction doit avoir un nom de fonction.
Syntaxe:
function geeksforGeeks(paramA, paramB) { // Set of statements }>Expression de fonction :
C'est similaire à une déclaration de fonction sans le nom de la fonction. Expressions de fonction peut être stocké dans une affectation de variable.
la chaîne Java contient
Syntaxe:
let geeksforGeeks= function(paramA, paramB) { // Set of statements }>Exemple: Cet exemple explique l'utilisation de l'expression Function.
Javascript const square = function (number) { return number * number; }; const x = square(4); // x gets the value 16 console.log(x);> Sortir
16>
Fonctionne comme valeurs variables :
Les fonctions peuvent être utilisées de la même manière que vous utilisez des variables.
Exemple:
// Function to convert Fahrenheit to Celsius function toCelsius(fahrenheit) { return (fahrenheit - 32) * 5/9; } // Using the function to convert temperature let temperatureInFahrenheit = 77; let temperatureInCelsius = toCelsius(temperatureInFahrenheit); let text = 'The temperature is ' + temperatureInCelsius + ' Celsius';>Fonction flèche :
Fonction flèche est l'une des méthodes les plus utilisées et les plus efficaces pour créer une fonction en JavaScript en raison de sa mise en œuvre relativement simple. Il s'agit d'une version simplifiée et plus compacte d'une expression ou d'une syntaxe de fonction régulière ou normale.
Syntaxe:
let function_name = (argument1, argument2 ,..) =>expression>
Exemple: Cet exemple décrit l'utilisation de la fonction Flèche.
MadhubalaJavascript
const a = ['Hydrogen', 'Helium', 'Lithium', 'Beryllium']; const a2 = a.map(function (s) { return s.length; }); console.log('Normal way ', a2); // [8, 6, 7, 9] const a3 = a.map((s) =>s.longueur); console.log('Utilisation de la fonction flèche ', a3); // [8, 6, 7, 9]> Sortir
Normal way [ 8, 6, 7, 9 ] Using Arrow Function [ 8, 6, 7, 9 ]>
Paramètres de fonction :
Jusqu’à présent, nous avons beaucoup entendu parler des paramètres de fonction, mais nous n’en avons pas discuté en détail. Les paramètres sont des informations supplémentaires transmises à une fonction. Par exemple, dans l'exemple ci-dessus, la tâche de la fonction calcAddition consiste à calculer l’addition de deux nombres. Ces deux nombres sur lesquels on veut effectuer l'opération d'addition sont passés à cette fonction en paramètres. Les paramètres sont transmis à la fonction entre parenthèses après le nom de la fonction et séparés par des virgules. Une fonction en JavaScript peut avoir n'importe quel nombre de paramètres et en même temps, une fonction en JavaScript ne peut pas avoir un seul paramètre.
Exemple: Dans cet exemple, nous passons l'argument à la fonction.
Javascript function multiply(a, b) { b = typeof b !== 'undefined' ? b : 1; return a * b; } console.log(multiply(69)); // 69> Sortir
69>
Fonctions d'appel :
Après avoir défini une fonction, l’étape suivante consiste à l’appeler pour utiliser la fonction. Nous pouvons appeler une fonction en utilisant le nom de la fonction séparé par la valeur des paramètres placés entre parenthèses et un point-virgule à la fin. La syntaxe ci-dessous montre comment appeler des fonctions en JavaScript :
Syntaxe:
functionName( Value1, Value2, ..);>
Exemple: Vous trouverez ci-dessous un exemple de programme illustrant le fonctionnement des fonctions en JavaScript :
trouver des numéros bloqués sur AndroidJavascript
function welcomeMsg(name) { return ('Hello ' + name + ' welcome to techcodeview.com'); } // creating a variable let nameVal = 'Admin'; // calling the function console.log(welcomeMsg(nameVal));> Sortir
Hello Admin welcome to techcodeview.com>
Déclaration de retour :
Il existe certaines situations où nous souhaitons renvoyer certaines valeurs d'une fonction après avoir effectué certaines opérations. Dans de tels cas, nous pouvons utiliser l'instruction return en JavaScript. Il s'agit d'une instruction facultative et la plupart du temps la dernière instruction d'une fonction JavaScript. Regardez notre premier exemple avec la fonction nommée comme calcAddition . Cette fonction calcule deux nombres puis renvoie le résultat.
Syntaxe: La syntaxe la plus basique pour utiliser l'instruction return est :
return value;>
L'instruction return commence par le mot-clé retour séparés par la valeur que l'on veut en renvoyer. Nous pouvons également utiliser une expression au lieu de renvoyer directement la valeur.
Les fonctions:
- Javascript | Fonctions fléchées
- JavaScript | s'échapper()
- JavaScript | annuler l'évasion()
- JavaScript | Impression de fenêtre()
- Javascript | Méthode Window Blur() et Window Focus()
- JavaScript | console.log()
- JavaScript | appuyez surFloat()
- JavaScript | inégal()
- Javascript parseInt()
- JavaScript | correspondre()
- JavaScript | Date.parse()
- JavaScript | Méthode Remplacer()
- JavaScript | Map.get( )
- JavaScript | Map.entries( )
- JavaScript | Map.clear( )
- JavaScript | Carte.delete()
- JavaScript | Map.has( )
Plus>>
Nous avons une aide-mémoire sur Javascript dans laquelle nous avons couvert tous les sujets importants de Javascript pour les vérifier, veuillez les parcourir Aide-mémoire Javascript - Un guide de base pour JavaScript .