Les applications Web dynamiques ont vu le jour après la naissance de . Avec la popularité croissante des applications Web, JavaScript est devenue l’une des langues les plus importantes du monde d’aujourd’hui. Cet article sur la fonction JavaScript explique les différentes façons de définir des fonctions en JavaScript dans l'ordre suivant:
- Introduction à JavaScript
- Fondamentaux de JavaScript
- Fonction JavaScript
- Fonctions prédéfinies
- Différentes façons de définir la fonction JavaScript
Introduction à JavaScript
JavaScript est un haut niveau , interprété, langage de programmation utilisé pour rendre les pages Web plus interactives. C'est un langage de script côté client très puissant qui rend votre page Web plus vivante et interactive.
C'est un langage de programmation qui vous aide à mettre en œuvre un design complexe et beau sur des pages Web. Si vous voulez que votre page Web ait l'air vivante et fasse bien plus que vous regarder, JavaScript est un must.
Fondamentaux de JavaScript
Si vous êtes nouveau dans la langue, vous devez connaître certains des principes de base de JavaScript cela vous aidera à commencer à écrire votre code. Les bases comprennent:
- Tableaux
- Les fonctions
Vous pouvez consulter le pour approfondir ces concepts de base et fondamentaux de JavaScript. Dans cet article sur les fonctions JavaScript, nous nous concentrerons sur les différentes façons de définir des fonctions.
Fonction JavaScript
Une fonction JavaScript est un bloc de code qui est conçu pour effectuer une tâche particulière. Vous pouvez exécuter une fonction en l'appelant. Ceci est connu comme invoquant ou appel une fonction.
Pour utiliser une fonction, vous devez la définir quelque part dans la portée à partir de laquelle vous souhaitez l'appeler. L'idée est de rassembler une tâche couramment exécutée et de créer une fonction afin qu'au lieu d'écrire le même code encore et encore pour différentes entrées, nous puissions appeler cette fonction particulière.
Les bases syntaxe pour créer une fonction en JavaScript est la suivante:
function functionName (Paramètre1, Paramètre2, ..) {// Corps de la fonction}
JavaScript se compose de plusieurs fonctions prédéfinies . Mais, cela nous permet également de créer des fonctions définies par l'utilisateur. Alors allons de l'avant et jetons un coup d'œil à certaines des fonctions prédéfinies couramment utilisées.
php print_r en chaîne
Fonctions prédéfinies
JavaScript a plusieurs fonctions intégrées de premier niveau. Jetons un coup d'œil à certaines des fonctions intégrées au langage.
Les fonctions | La description |
Eval | Évalue une chaîne / expression arithmétique et renvoie une valeur. |
ParseInt | Analyse un argument de chaîne et renvoie un entier de la base spécifiée. |
ParseFloat | Analyse un argument de chaîne et renvoie un nombre à virgule flottante. |
Échapper | Renvoie le codage hexadécimal d'un argument. |
Unescape | Renvoie la chaîne ASCII pour la valeur spécifiée. |
Prenons un exemple et voyons comment ces fonctions prédéfinies fonctionnent dans JavaScript:
var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ('Welcome à Edureka ') // Escape unescape (' Welcome to Edureka ') // Unescape
Différentes façons de définir la fonction JavaScript
Une fonction peut être définie de différentes manières. Il est important de vérifier comment la fonction interagit avec les composants externes et le type d'appel. Les différentes manières incluent:
Déclaration de fonction
Une déclaration de fonction se compose d'un mot-clé de fonction , un nom de fonction obligatoire, une liste de paramètres dans une paire de parenthèses et une paire d'accolades qui délimite le code du corps.
Il est défini comme:
// fonction de déclaration de fonction isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false
Fonction isEven (num) est une déclaration de fonction utilisée pour déterminer si un nombre est pair.
Expression de fonction
Une expression de fonction est déterminée par un mot-clé de fonction , suivi d'un nom de fonction facultatif, d'une liste de paramètres entre parenthèses et d'une paire d'accolades qui délimite le code du corps.
Il est défini comme:
const count = function (array) {// Expression de fonction return array.length} const methods = {numbers: [2, 5, 8], sum: function () {// L'expression de fonction renvoie this.numbers.reduce (function ( acc, num) {// func. expression return acc + num})}} count ([1, 7, 2]) // => 3 methods.sum () // => 15
L'expression de fonction crée un objet fonction qui peut être utilisé dans diverses situations telles que:
- Il peut être attribué à un variable comme un objet: count = fonction (…) {…}
- Créer un méthode sur un objet somme: function () {…}
- Utilisez le fonction as a rappeler: .reduce (fonction (…) {…})
Définition de la méthode abrégée
La définition de méthode abrégée est utilisée dans une déclaration de méthode sur objets littéraux et classes ES6. Vous pouvez les définir à l'aide d'un nom de la fonction , suivi d'une liste de paramètres dans une paire de parenthèses et une paire d'accolades qui délimitent les instructions de corps.
L'exemple suivant utilise une définition de méthode abrégée dans un littéral d'objet:
const collection = {items: [], add (... items) {this.items.push (... items)}, get (index) {return this.items [index]}} collection.add ('edureka ',' En ligne ',' JavaScript ') collection.get (1) // =>' edureka '
L'approche sténographique a plusieurs avantages par rapport à la définition de propriété traditionnelle telle que:
- Il a un syntaxe plus courte ce qui facilite la lecture et l'écriture.
- Cela crée des fonctions nommées, contrairement à une expression de fonction. C'est utile pour débogage.
Fonction de flèche
Une fonction fléchée est définie à l'aide d'une paire de parenthèses contenant la liste des paramètres, suivie d'un grosse flèche (=>) et une paire d'accolades qui délimite les instructions du corps.
L'exemple suivant montre l'utilisation de base de la fonction flèche:
const absValue = (nombre) => {if (nombre 21 absValue (7) // => 7
Ici, absValue est une fonction fléchée qui calcule la valeur absolue d'un nombre.
Fonction générateur
La fonction de générateur en JavaScript renvoie un Générateur objet. La syntaxe est similaire à l'expression de fonction, à la déclaration de fonction ou à la déclaration de méthode. Mais cela nécessite un caractère étoile (*) .
La fonction générateur peut être déclarée sous les formes suivantes:
- Formulaire de déclaration de fonction function * ():
function * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .valeur) // => 1
- Fonction de formulaire d'expression fonction * ():
const indexGenerator = function * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. suivant (). valeur) // => 1
const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). valeur) // => 1
La fonction générateur renvoie le objet g dans les trois cas. Ensuite, il est utilisé pour générer une série de nombres incrémentés.
Constructeur de fonction
Lorsque Function est invoquée en tant que constructeur, un nouvelle fonction est créé. Les arguments passés au constructeur deviennent les noms de paramètres de la nouvelle fonction. Ici, le dernier argument est utilisé comme corps de fonction code.
Par exemple:
function sum1 (a, b) {return a + b} const sum2 = function (a, b) {return a + b} const sum3 = (a, b) => a + b console.log (typeof sum1 === 'function') // => true console.log (typeof sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true
Voici quelques-unes des différentes méthodes pour définir des fonctions en JavaScript. Avec cela, nous sommes arrivés à la fin de notre article. J'espère que vous avez compris ce que sont les fonctions JavaScript et les différentes méthodes pour les définir.
Maintenant que vous connaissez la fonction JavaScript, consultez la par Edureka. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).
Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de «Fonction JavaScript» et nous vous répondrons.