Download WordPress Themes, Happy Birthday Wishes

JavaScript les Fonctions

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