JavaScript les fonctions sont définies par la balisefunction mot clé.
Vous pouvez utiliser une déclaration de fonction ou une expression de fonction.
déclarations de fonction
plus tôt dans ce tutoriel, vous avez appris que les fonctions sont déclarées avec la syntaxe suivante:
//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 sont invoqués (appelés).
Exemple
return a * b;
}
Essayez-le Vous-même »
les points-Virgules sont utilisées pour séparer exécutable instructions JavaScript.
comme une déclaration de fonction 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’une expression.,
Une expression de fonction peut être stockée dans une variable:
Exemple
Essayez-le Vous-même »
Après une expression de fonction a été stocké dans une variable, la variable peut être utilisée comme une fonction:
Exemple
var z = x(4, 3);
Essayez-le Vous-même »
La fonction ci-dessus est en fait une fonction anonyme (une fonction sans nom).
Les fonctions stockées dans les 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.
La Fonction() Constructeur
Comme vous l’avez vu dans les exemples précédents, les fonctions JavaScript sont définis avec le function mot clé.
Les fonctions peuvent également être définies avec un constructeur de fonction JavaScript intégré appeléFunction().,
Exemple
var x = myFunction(4, 3);
Essayez-le Vous-même »
en fait Vous n’avez pas à utiliser la fonction constructeur. L’exemple ci-dessus est la même que l’écriture:
Exemple
var x = myFunction(4, 3);
Essayez-le Vous-même »
la Plupart du temps, vous pouvez éviter d’utiliser la balise new mot clé en JavaScript.,
fonction Hoisting
plus tôt dans ce tutoriel, vous avez appris sur « hoisting » (JavaScript Hoisting).
Hoisting est le comportement par défaut de JavaScript qui consiste à déplacer les déclarations vers le haut de la portée actuelle.
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:
function myFunction(y) {
return y * y;
}
Les fonctions définies à l’aide d’une expression ne sont pas hissées.,
Fonctions Auto-appelantes
Les expressions de fonction peuvent être « auto-appelantes ».
Une expression auto-appelante est appelé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 invoquer une déclaration de fonction.
Vous devez ajouter des parenthèses autour de la fonction pour indiquer qu’il est une expression de fonction:
Exemple
var x = « Bonjour!!, »; // J’appelle moi-même
})();
Essayez-le Vous-même »
La fonction ci-dessus est en fait un anonyme auto-invocation de la fonction (fonction sans nom).,
les Fonctions Peuvent Être Utilisées en tant que Valeurs
JavaScript fonctions peuvent être utilisées en tant que valeurs:
Exemple
return a * b;
}
var x = myFunction(4, 3);
Essayez-le Vous-même »
JavaScript les fonctions peuvent être utilisées dans les expressions:
Exemple
return a * b;
}
var x = myFunction(4, 3) * 2;
Essayez-le Vous-même »
les Fonctions sont des Objets
Le typeof opérateur en JavaScript renvoie la « fonction » pour les fonctions.,
Mais, les fonctions JavaScript peuvent mieux être décrites comme des objets.
Les fonctions JavaScript ont à la fois des propriétés et des méthodes.
la propriétéarguments.length renvoie le nombre d’arguments reçus lors de l’appel de la fonction:
exemple
return arguments.longueur;
}
Essayez-le Vous-même »
Le toString() méthode renvoie la fonction comme une chaîne de caractères:
Exemple
return a * b;
}
var txt = 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 un constructeur d’objet.
Flèche Fonctions
Flèche fonctions d’une syntaxe pour écrire les expressions de fonction.
vous n’avez pas besoin du mot-cléfunction, du mot-cléreturn et des accolades.,
Exemple
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;
Essayez-le Vous-même »
Flèche fonctions n’ont pas leur propre this.Ils ne sont pas bien adaptés pour définir des méthodes d’objet.
Les fonctions de flèche ne sont pas hissées. Ils doivent être définis avant d’être utilisés.
utiliserconstest plus sûr que d’utiliservar, car une expression de fonction est toujours une valeur constante.,
Vous ne pouvez omettre le mot-cléreturn et les accolades que si la fonction est une seule instruction. Pour cette raison, il pourrait être une bonne habitude de toujours les garder:
exemple
essayez-le vous-même »
Les fonctions de flèche ne sont pas prises en charge dans IE11 ou