Maison >interface Web >Questions et réponses frontales >Comment stocker les fonctions javascript

Comment stocker les fonctions javascript

WBOY
WBOYoriginal
2023-05-12 18:32:38703parcourir

Comment stocker les fonctions Javascript

Les fonctions Javascript sont un ensemble de blocs de code réutilisables qui peuvent effectuer une tâche spécifique. En Javascript, une fonction est aussi un type de données. Les fonctions peuvent être stockées dans des variables ou utilisées comme arguments ou valeurs de retour d'une autre fonction. Dans cet article, nous explorerons comment les fonctions Javascript sont stockées.

  1. Fonction comme variable

Comme les autres variables Javascript, une fonction peut également être stockée dans une variable. Par exemple, on peut définir une fonction et l'attribuer à une variable :

function greet() {
  console.log('Hello, world!');
}

var sayHello = greet;

Dans le code ci-dessus, on assigne la fonction greet() à la variable sayHello. Cela signifie que nous pouvons appeler la fonction greet() via la variable sayHello : elle peut être utilisée comme paramètre dans une fonction. Il s'agit d'une approche très courante en Javascript. Par exemple, on peut définir une fonction print(), qui peut recevoir une autre fonction en paramètre :

sayHello(); //输出:Hello, world!
    Dans le code ci-dessus, on définit une fonction print(), qui reçoit une fonction en paramètre . Nous définissons également une fonction greet() qui sera passée dans la fonction print(). Lorsque la fonction print() est appelée, elle appelle la fonction transmise, la fonction greet().
Fonction comme valeur de retour

La fonction Javascript peut également être utilisée comme valeur de retour d'une autre fonction. Par exemple, nous pouvons définir une fonction createGreeter(), qui renvoie une fonction greet() :

function print(func) {
  func();
}

function greet() {
  console.log('Hello, world!');
}

print(greet); //输出:Hello, world!
    Dans le code ci-dessus, nous définissons une fonction createGreeter(), qui renvoie une fonction greet( ). Nous stockons le résultat de la fonction createGreeter() dans la variable sayHello puis appelons la fonction sayHello(), qui appelle en fait la fonction greet() renvoyée.
Fonction comme propriété d'objet

En Javascript, nous pouvons stocker une fonction comme propriété d'un objet. Par exemple, nous pouvons définir une personne objet, qui a un attribut de fonction greet() :

function createGreeter() {
  function greet() {
    console.log('Hello, world!');
  }

  return greet;
}

var sayHello = createGreeter();
sayHello(); //输出:Hello, world!
    Dans le code ci-dessus, nous définissons une personne objet, qui a un attribut de fonction greet(). Lorsque nous appelons person.greet(), il affiche Bonjour, John Doe.
  1. Conclusion :

Voici les quatre façons de stocker les fonctions Javascript. Ce sont des fonctions en tant que variables, des fonctions en tant que paramètres, des fonctions en tant que valeurs de retour et des fonctions en tant que propriétés d'objet. . Les fonctions peuvent être stockées dans n'importe quel type de variable ou de structure de données et peuvent être transmises entre différentes fonctions et objets. Cela rend les fonctions Javascript très flexibles, nous permettant d'écrire du code plus propre et plus élégant.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn