Les fonctions JavaScript sont utilisées pour effectuer des opérations. Nous pouvons appeler la fonction JavaScript plusieurs fois pour réutiliser le code.
Avantage des fonctions dans JavaScript
Les fonctions JavaScript présentent principalement deux avantages.
- Réutilisation de code: Nous pouvons appeler une fonction plusieurs fois afin de sauvegarder le codage.
- Moins de codage: Cela rend notre programme compact. Il n’est pas nécessaire d’écrire plusieurs lignes de code à chaque fois pour effectuer une tâche courante.
Syntaxe de la fonction JavaScript
La syntaxe de la fonction déclarante est donnée ci-dessous.
function functionName([arg1, arg2, ...argN]){
//code à exécuter
}
Les fonctions JavaScript peuvent avoir 0 argument ou plus.
Exemple de fonction JavaScript
Voyons un exemple simple d’une fonction en JavaScript qui n’a pas d’arguments.
<script>
function msg(){
alert("Bonjour! c'est un message");
}
</script>
<input type="button" onclick="msg()" value="appel fonction"/>
Résultat :
Arguments de fonction JavaScript
Nous pouvons appeler fonction en passant des arguments. Voyons l’exemple d’une fonction qui n’a qu’un seul argument.
<script>
function getcube(number){
alert(number*number*number);
}
</script>
<form>
<input type="button" value="click" onclick="getcube(4)"/>
</form>
Résultat :
Fonction avec valeur de retour
Nous pouvons appeler une fonction qui retourne une valeur et l’utiliser dans notre programme. Voyons l’exemple de la fonction qui retourne une valeur.
<script>
function getInfo(){
return "Bonjour w3tutoriels!";
}
</script>
<script>
document.write(getInfo());
</script>
Résultat :
Bonjour w3tutoriels!
Objet de fonction JavaScript
En JavaScript, l’objectif du constructeur de fonction est de créer un nouvel objet fonction. Il exécute le code globalement. Cependant, si nous appelons directement le constructeur, une fonction est créée dynamiquement mais de manière non sécurisée.
Syntaxe
new Function ([arg1[, arg2[, ....argn]],] functionBody)
Paramètre
arg1, arg2, …., argn – Représente l’argument utilisé par function.
functionBody – Il représente la définition de la fonction.
Méthodes fonction en JavaScript
Voyons les méthodes de fonction avec description.
Syntaxe
| Méthode | Description |
|---|---|
| apply() | Il est utilisé pour appeler une fonction contenant cette valeur et un seul tableau d’arguments. |
| bind() | Il est utilisé pour créer une nouvelle fonction. |
| call() | Il est utilisé pour appeler une fonction contenant cette valeur et une liste d’arguments. |
| toString() | Il retourne le résultat sous la forme d’une chaîne. |
Exemples d’objets fonction en JavaScript
Exemple 1
Voyons un exemple pour afficher la somme de nombres donnés.
<script>
var add=new Function("num1","num2","return num1+num2");
document.writeln(add(2,5));
</script>
Résultat :
7
Exemple 2
Voyons un exemple pour afficher la puissance de la valeur fournie.
<script>
var pow=new Function("num1","num2","return Math.pow(num1,num2)");
document.writeln(pow(2,3));
</script>
Résultat :
8