Qu'est-ce que la fonction javascript

En JavaScript, fonction fait référence à « fonction », qui est un ensemble de blocs de code qui effectuent des tâches spécifiques (avec des fonctions spécifiques) et peuvent être réutilisés ; les fonctions ne s'exécutent pas automatiquement et doivent être appelées via le nom de la fonction pour s'exécuter. Les fonctions peuvent être stockées dans des variables, des objets, des tableaux et transmises en tant que paramètres à d'autres fonctions.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

La fonction JS (Fonction) est un ensemble de blocs de code qui effectuent des tâches spécifiques (avec des fonctions spécifiques) et peuvent être réutilisés ; les fonctions ne s'exécutent pas automatiquement et doivent être appelées via le nom de la fonction pour s'exécuter.

Les fonctions peuvent également être stockées dans des variables, des objets et des tableaux, et les fonctions peuvent également être transmises en tant que paramètres à d'autres fonctions ou renvoyées par d'autres fonctions.

En JavaScript, en plus d'utiliser des fonctions intégrées, nous pouvons également créer nos propres fonctions (fonctions personnalisées) puis appeler cette fonction si nécessaire. Cela évite non seulement d'écrire du code répété, mais facilite également la maintenance ultérieure du code. .

JS Defining Functions

La déclaration de fonction JS doit commencer par le mot-clé de fonction, suivi du nom de la fonction à créer. Utilisez un espace pour séparer le mot-clé de fonction et le nom de la fonction. est une parenthèse (), dans la parenthèse Utilisé pour définir les paramètres à utiliser dans la fonction (utilisez des virgules pour séparer plusieurs paramètres. Une fonction peut avoir jusqu'à 255 paramètres. Le dernier est une accolade { }. sont utilisés pour définir le corps de la fonction. (c'est-à-dire le code pour implémenter la fonction), comme indiqué ci-dessous :

function functionName(parameter_list) {
    // 函数中的代码
}

L'exemple de code est le suivant :

function sayHello(name){
    document.write("Hello " + name);
}

Dans l'exemple ci-dessus, une fonction sayHello() est défini. La fonction doit recevoir un nom de paramètre. L'appel de cette fonction affichera " Bonjour...".

Fonctions d'appel JS

Une fois qu'une fonction est définie, nous pouvons l'appeler n'importe où dans le document actuel. Appeler une fonction est très simple, il suffit d'ajouter un crochet après le nom de la fonction, comme alert(), write(). Notez que si les paramètres sont spécifiés entre parenthèses après le nom de la fonction lors de la définition de la fonction, alors les paramètres correspondants doivent être fournis entre parenthèses lors de l'appel de la fonction.

L'exemple de code est le suivant :

function sayHello(name){
    document.write("Hello " + name);
}
// 调用 sayHello() 函数
sayHello('PHP中文网');

Conseils : JavaScript est sensible à la casse, le mot-clé de fonction doit donc être en minuscule lors de la définition d'une fonction, et la fonction doit être appelée dans la même casse que lors de sa déclaration.

Valeurs par défaut des paramètres

Lors de la définition d'une fonction, vous pouvez définir une valeur par défaut pour les paramètres de la fonction, de sorte que lorsque nous appelons cette fonction, si aucun paramètre n'est fourni, cette valeur par défaut sera utilisée comme valeur du paramètre. Comme le montre l'exemple suivant :

function sayHello(name = "World"){
    document.write("Hello " + name);
}
sayHello();                 // 输出：Hello World
sayHello('PHP中文网');     // 输出：Hello PHP中文网

Valeur de retour de la fonction JS

Vous pouvez utiliser l'instruction return dans une fonction pour renvoyer une valeur (le résultat de la fonction) au programme qui a appelé la fonction. . Cette valeur peut être de n'importe quel type, comme un tableau ou un objet, une chaîne, etc. Pour les fonctions qui renvoient une valeur, nous pouvons utiliser une variable pour recevoir la valeur de retour de la fonction. L'exemple de code est le suivant :

function getSum(num1, num2){
    return num1 + num2;
}
var sum1 = getSum(7, 12);      // 函数返回值为：19
var sum2 = getSum(-5, 33);     // 函数返回值为：28

Astuce : L'instruction return est généralement définie à la fin de la fonction. l'instruction return, elle cessera de s'exécuter immédiatement et reviendra à l'endroit où la fonction a été appelée pour continuer l'exécution.

De plus, une fonction ne peut avoir qu'une seule valeur de retour. Si vous souhaitez renvoyer plusieurs valeurs, vous pouvez mettre les valeurs dans un tableau puis renvoyer le tableau, comme le montre l'exemple suivant :

function division(dividend, divisor){
    var quotient = dividend / divisor;
    var arr = [dividend, divisor, quotient]
    return arr;
}
var res = division(100, 4)
document.write(res[0]);         // 输出：100
document.write(res[1]);         // 输出：4
document.write(res[2]);         // 输出：25

JS. expression de fonction La formule

expression de fonction est très similaire à la déclaration d'une variable. C'est une autre forme de déclaration d'une fonction. Le format de syntaxe est le suivant :

var myfunction = function name(parameter_list){
    // 函数中的代码
};

La description du paramètre est la suivante :

• ma fonction : variable. name, qui peut être utilisé pour appeler après la fonction signe égal ;

• name : nom de la fonction, qui peut être omis (généralement nous l'omettons), si elle est omise, la fonction deviendra une fonction anonyme ; Parameter_list : est la liste des paramètres, une fonction. Il peut y avoir jusqu'à 255 paramètres.

• L'exemple de code est le suivant :

  // 函数声明
  function getSum(num1, num2) {
      var total = num1 + num2;
      return total;
  }
  // 函数表达式
  var getSum = function(num1, num2) {
      var total = num1 + num2;
      return total;
  };

  Copier après la connexion
Les deux fonctions de l'exemple ci-dessus sont équivalentes. Leurs fonctions, leurs valeurs de retour et leurs méthodes d'appel sont les mêmes.

Bien que les déclarations de fonction et les expressions de fonction se ressemblent beaucoup, leur façon de fonctionner est différente, comme le montre l'exemple suivant :

declaration();          // 输出: function declaration
function declaration() {
    document.write("function declaration");
}
expression();           // 报错：Uncaught TypeError: undefined is not a function
var expression = function() {
    document.write("function expression");
};

Copier après la connexion

Comme le montre l'exemple ci-dessus, si l'expression de fonction est appelée avant d'être définie, elle sera lancer une exception (erreur), mais la déclaration de fonction peut s'exécuter avec succès. En effet, JavaScript analysera la déclaration de fonction avant l'exécution du programme. Il est donc possible d'appeler la fonction avant ou après la déclaration de fonction. Une expression de fonction attribue une fonction anonyme à une variable, donc avant que le programme n'exécute l'expression, cela équivaut à ce que la fonction ne soit pas définie et ne peut donc pas être appelée.

【Apprentissage recommandé :

Tutoriel avancé javascript

】

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!