Définitions de fonctions JavaScript
Les fonctions JavaScript sont défini avec le
function mot-clé.
Vous pouvez utiliser une fonction déclaration ou une fonction expression.
Déclarations de fonction
Plus tôt dans ce didacticiel, vous avez appris que les fonctions sont déclaré avec la syntaxe suivante :
fonction nom_fonction(paramètres) {
// code à exécuter
}
Les fonctions déclarées ne sont pas exécutées immédiatement. Ils sont « enregistrés pour une utilisation ultérieure », et seront exécutés plus tard, lorsqu’ils seront invoqués (invoqués).
Les points-virgules sont utilisés pour séparer les instructions JavaScript exécutables.
Depuis une fonction déclaration n’est pas une instruction exécutable, il n’est pas courant de la terminer par un point-virgule.
Expressions de fonction
Une fonction JavaScript peut également être définie à l’aide d’un expression.
Une expression de fonction peut être stockée dans une variable :
Une fois qu’une expression de fonction a été stockée dans une variable, la variable peut être utilisée comme fonction :
La fonction ci-dessus est en fait une fonction anonyme (une fonction sans nom).
Les fonctions stockées dans des variables n’ont pas besoin de noms de fonction. Ils sont toujours invoqués (appelés) en utilisant le nom de la variable.
La fonction ci-dessus se termine par un point-virgule car elle fait partie d’une instruction exécutable.
Le constructeur Function()
Comme vous l’avez vu dans les exemples précédents, les fonctions JavaScript sont définies avec le function mot-clé.
Les fonctions peuvent également être définies avec un constructeur de fonctions JavaScript intégré appelé
Function().
Exemple
const myFunction = new Function(« a », « b », « return a * b »);
soit x = maFonction(4, 3);
Essayez-le vous-même »
En fait, vous n’avez pas besoin d’utiliser le constructeur de fonction. L’exemple ci-dessus revient au même que d’écrire :
Exemple
const myFunction = function (a, b) {return a * b} ;
soit x = maFonction(4, 3);
Essayez-le vous-même »
La plupart du temps, vous pouvez éviter d’utiliser le new mot-clé en JavaScript.
Fonction Levage
Plus tôt dans ce didacticiel, vous avez appris le « levage » (JavaScript Hoisting).
Le levage est le comportement par défaut de JavaScript pour déplacer déclarations au sommet du périmètre actuel.
Le levage s’applique aux déclarations de variables et aux déclarations de fonctions.
De ce fait, les fonctions JavaScript peuvent être appelées avant d’être déclarées :
maFonction(5);
function maFonction(y) {
retourner y * y ;
}
Les fonctions définies à l’aide d’une expression ne sont pas hissées.
Fonctions d’appel automatique
Les expressions de fonction peuvent être rendues « auto-invoquantes ».
Une expression auto-invoquante est invoquée (démarrée) automatiquement, sans être appelée.
Les expressions de fonction s’exécuteront automatiquement si l’expression est suivie de ().
Vous ne pouvez pas auto-invoquer une déclaration de fonction.
Vous devez ajouter des parenthèses autour de la fonction pour indiquer qu’il s’agit d’une expression de fonction :
Exemple
(fonction () {
let x = « Bonjour !! »; // je vais m’invoquer
})();
Essayez-le vous-même »
La fonction ci-dessus est en fait une fonction d’appel automatique anonyme (fonction sans nom).
Les fonctions peuvent être utilisées comme valeurs
Les fonctions JavaScript peuvent être utilisées comme valeurs :
Exemple
function maFonction(a, b) {
retourner un * b ;
}
soit x = maFonction(4, 3);
Essayez-le vous-même »
Les fonctions JavaScript peuvent être utilisées dans les expressions :
Exemple
function maFonction(a, b) {
retourner un * b ;
}
soit x = maFonction(4, 3) * 2 ;
Essayez-le vous-même »
Les fonctions sont des objets
Le typeof L’opérateur en JavaScript renvoie « fonction » pour les fonctions.
Mais les fonctions JavaScript peuvent être décrites au mieux comme des objets.
Les fonctions JavaScript ont à la fois propriétés et
méthodes.
Le arguments.length La propriété renvoie le nombre d’arguments reçus lors de l’invocation de la fonction :
Le toString() La méthode renvoie la fonction sous forme de chaîne :
Exemple
function maFonction(a, b) {
retourner un * b ;
}
let text = myFunction.toString();
Essayez-le vous-même »
Une fonction définie comme la propriété d’un objet est appelée une méthode de l’objet.
Une fonction conçue pour créer de nouveaux objets est appelée constructeur d’objet.
Fonctions fléchées
Les fonctions fléchées permettent une syntaxe courte pour écrire des expressions de fonction.
Vous n’avez pas besoin de function mot clé, le return mot-clé, et le
accolades.
Exemple
// ES5
var x = fonction(x, y) {
retourner x * y ;
}
// ES6
const x = (x, y) => x * y ;
Essayez-le vous-même »
Les fonctions fléchées n’ont pas leur propre this. Ils ne conviennent pas pour définir méthodes objet.
Les fonctions fléchées ne sont pas hissées. Ils doivent être définis avant ils sont utilisés.
En utilisant const
est plus sûr que d’utiliser varcar une expression de fonction est toujours une valeur constante.
Vous pouvez seulement omettre le return mot clé et les accolades si la fonction est une instruction unique. Pour cette raison, ce pourrait être une bonne habitude de toujours les garder :
Les fonctions fléchées ne sont pas prises en charge dans IE11 ou versions antérieures.
#Définitions #fonctions #JavaScript
