Comment écrire une fonction personnalisée JavaScript

Comment écrire des fonctions personnalisées js : 1. "nom de la fonction ([args]) {code}" ; 2. "nom de la fonction var = new Function (p1, p2, ..., pn, body);" ; 3. "fonction ([args]){code}".

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

Il existe trois façons de personnaliser des fonctions en JavaScript, à savoir en utilisant l'instruction de fonction, en utilisant le constructeur Function() et en définissant des littéraux de fonction.

Déclaration de fonctions

En JavaScript, vous pouvez utiliser l'instruction de fonction pour déclarer des fonctions. L'utilisation spécifique est la suivante :

function funName([args]) {
    statements
}

funName est le nom de la fonction, qui, comme le nom de la variable, doit être un identifiant JavaScript légal. Après le nom de la fonction se trouve une liste de paramètres entre parenthèses et séparés par des virgules. Les paramètres sont facultatifs et il n’y a pas de limite quant au nombre.

En tant qu'identifiants, les paramètres ne sont accessibles que dans le corps de la fonction et les paramètres sont des membres privés de la portée de la fonction. Lors de l'appel d'une fonction, transmettez une valeur à la fonction, puis utilisez des paramètres pour obtenir la valeur transmise en externe et intervenez dans l'exécution de la fonction dans le corps de la fonction.

Après les parenthèses se trouve une accolade. L'instruction contenue dans l'accolade est le contenu principal de la structure du corps de la fonction. Dans le corps de la fonction, les accolades sont essentielles. Sans accolades, JavaScript générera une erreur de syntaxe.

Exemple

L'instruction de fonction doit contenir le nom de la fonction, des parenthèses et des accolades, et d'autres codes peuvent être omis, de sorte que le corps de la fonction le plus simple est une fonction vide.

function funName() {}  //空函数

Si vous utilisez des fonctions anonymes, vous pouvez omettre le nom de la fonction.

function () {}  //匿名空函数

L'instruction var et l'instruction function sont toutes deux des instructions de déclaration. Les variables et fonctions qu'elles déclarent sont analysées lorsque JavaScript est précompilé, également connu sous le nom de promotion de variable et de promotion de fonction. Pendant la période de pré-compilation, le moteur JavaScript crée un contexte pour chaque fonction, définit un objet variable et enregistre tous les paramètres formels, variables privées et fonctions imbriquées dans la fonction en tant qu'attributs sur l'objet variable.

Constructeur Function()

Utilisez le constructeur Function() pour générer rapidement des fonctions. L'utilisation spécifique est la suivante : les types de paramètres de

var funName = new Function(p1, p2, ..., pn, body);

Function() sont tous des chaînes, p1~pn représente la liste de noms de paramètres de la fonction créée, body représente l'instruction de structure de fonction de la fonction créée et les instructions body sont séparés par des points-virgules.

Exemple 1

Vous pouvez omettre tous les paramètres et transmettre uniquement une chaîne pour représenter le corps de la fonction.

var f = new Function ("a", "b", "return a+b");  //通过构造函数来克隆函数结构

Dans le code ci-dessus, f est le nom de la fonction créée. C'est également une définition de fonction. Vous pouvez utiliser l'instruction de fonction pour concevoir une fonction avec la même structure.

function f(a, b) {  //使用function语句定义函数结构
    return a + b;
}

Exemple 2

Utilisez le constructeur Function() pour créer une structure de fonction vide sans spécifier de paramètres.

var f = new Function();  //定义空函数

L'utilisation du constructeur Function() peut créer des fonctions de manière dynamique. Il ne limite pas les utilisateurs au corps de fonction pré-déclaré par l'instruction de fonction. L'utilisation du constructeur Function() vous permet d'utiliser la fonction comme une expression plutôt que comme une structure, elle est donc plus flexible à utiliser. L'inconvénient est que le constructeur Function() est compilé pendant l'exécution, l'efficacité d'exécution est très faible et son utilisation n'est généralement pas recommandée.

Fonction anonyme (fonction littérale)

La fonction littérale est également appelée fonction anonyme, c'est-à-dire que la fonction n'a pas de nom de fonction et ne contient que le mot-clé de la fonction, les paramètres et le corps de la fonction. L'utilisation spécifique est la suivante :

function ([args]) {
    statements
}

Exemple 1

Le code suivant définit un littéral de fonction.

function (a, b) {  //函数直接量
    return a + b;
}

Dans le code ci-dessus, les littéraux de fonction sont fondamentalement les mêmes que l'utilisation d'instructions de fonction pour définir les structures de fonctions, et leurs structures sont fixes. Cependant, la fonction littérale ne spécifie pas de nom de fonction, mais utilise directement le mot-clé function pour représenter la structure de la fonction. Ce type de fonction est également appelé fonction anonyme.

Exemple 2

Une fonction anonyme est une expression, c'est-à-dire une expression de fonction, pas une déclaration de structure de fonction. Ensuite, attribuez la fonction anonyme comme valeur à la variable f.

//把函数作为一个值直接赋值给变量 f
var f = function (a, b) {
    return a + b;
};

Lorsque la structure de la fonction est affectée à une variable en tant que valeur, la variable peut être appelée en tant que fonction et la variable pointe vers la fonction anonyme.

console.log(f(1,2));  //返回值3

Exemple 3

Les fonctions anonymes servent de valeurs et peuvent participer à des opérations d'expression plus complexes. Pour l'exemple ci-dessus, vous pouvez utiliser le code suivant pour terminer l'opération intégrée de définition et d'appel de fonction.

console.log(  //把函数作为一个操作数进行调用
    (function (a,b) {
        return a + b;
    })(1, 2));  //返回数值3

【Recommandations associées : Tutoriel d'apprentissage 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!