Fonctions JavaScript importantes que vous devez connaître



Ce blog edureka fournira des connaissances approfondies sur les fonctions JavaScript. Il expliquera également les différentes méthodes pour définir des fonctions avec l'exemple.

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

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.





JavaScript - fonction javascript - Edureka

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:

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
  • Formulaire de définition de méthode abrégée * ():
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.