Une brève discussion sur les types de fonctions JavaScript_Connaissances de base

Cet article présente principalement les fonctions ordinaires, les fonctions anonymes et les fonctions de fermeture

1. Introduction aux fonctions communes
1.1 Exemple

Copier le code Le code est le suivant :

fonction ShowName(nom) {
alerte(nom);
>

1.2 Écrasement des fonctions du même nom en Js

En JS, les fonctions ne sont pas surchargées. Si vous définissez des fonctions avec le même nom de fonction et des signatures de paramètres différentes, les fonctions ultérieures écraseront les fonctions précédentes. Lorsqu'elles sont appelées, seules les fonctions suivantes seront appelées.

Copier le code Le code est le suivant :

var n1 = 1;

fonction ajouter (valeur1) {
Retour n11;
>
alert(add(n1));//La fonction suivante est appelée, sortie : 3

fonction ajouter (valeur1, valeur2) {
Valeur de retour1 2 ;
>
alert(add(n1));//Sortie : 3

Objet arguments 1.3

arguments est similaire aux params de C#, exploitant les paramètres des variables : le nombre de paramètres passés dans la fonction est supérieur au nombre de paramètres une fois défini.

Copier le code Le code est le suivant :

fonction showNames(nom) {
alerte(nom);//Zhang San
pour (var i = 0; i < arguments.length; i ) {
alert(arguments[i]);//Zhang San, Li Si, Wang Wu
>
>
showNames('Zhang San','Li Si','Wang Wu');

1.4 Valeur de plage par défaut de la fonction

Si la fonction ne spécifie pas de valeur de retour, la valeur de retour par défaut est « non définie »

Copier le code Le code est le suivant :

fonction showMsg() {
>
alert(showMsg());//Sortie : non définie

　

2. Fonction anonyme

2.1 Fonction anonyme variable

2.1.1 Descriptif
Des fonctions peuvent être affectées à des variables et des événements.

2.1.2 Exemple

Copier le code Le code est le suivant :

//Fonction anonyme variable, le côté gauche peut être des variables, des événements, etc.
var anonymeNormal = fonction (p1, p2) {
alerte(p1 p2);
>
anonymeNormal(3,6);//Sortie 9

2.1.3 Scénarios applicables
①Évitez la pollution du nom de fonction. Si vous déclarez d'abord une fonction avec un nom puis l'attribuez à une variable ou à un événement, vous abuserez du nom de la fonction.

2.2 Fonction anonyme sans nom

2.2.1 Descriptif
Autrement dit, lorsque la fonction est déclarée, elle est suivie des paramètres. Lorsque la syntaxe JS analyse cette fonction, le code qu'il contient est exécuté immédiatement.

2.2.2 Exemple

Copier le code Le code est le suivant :

(fonction (p1) {
alerte(p1);
})(1);

2.2.3 Scénarios applicables
①Il ne doit être exécuté qu’une seule fois. Si le navigateur est chargé, la fonction ne doit être exécutée qu'une seule fois et ne sera pas exécutée ultérieurement.

3. Fonction de fermeture

Description 3.1

Supposons que la fonction A déclare une fonction B à l'intérieur, que la fonction B fait référence à une variable à l'extérieur de la fonction B et que la valeur de retour de la fonction A est une référence à la fonction B. Alors la fonction B est une fonction de fermeture.

3.2 Exemple

3.2.1 Exemple 1 : Référence globale et référence locale

Copier le code Le code est le suivant :

fonction funA() {
var je = 0;
Function funB() { //Fonction de fermeture funB
         je ;
alerte(i)
>
Retourner funB ;
>
var allShowA = funA(); //Référence de variable globale : sortie cumulée 1, 2, 3, 4, etc.

fonction partShowA() {
var showa = funA(); //Référence de variable locale : uniquement sortie 1
showa();
>

allShowA est une variable globale qui fait référence à la fonction funA. L'exécution répétée de allShowA() affichera les valeurs accumulées de 1, 2, 3, 4, etc.

Exécutez la fonction partShowA(), car seule la variable locale showa est déclarée en interne pour référencer funA. Après exécution, en raison de la portée, les ressources occupées par showa sont libérées.

La clé de la fermeture est la portée : les ressources occupées par les variables globales ne seront libérées que lorsque la page changera ou que le navigateur sera fermé. Lorsque var allShowA = funA(), cela équivaut à allShowA faisant référence à funB(), de sorte que les ressources de funB() ne seront pas recyclées par GC, donc les ressources de funA() ne seront pas non plus recyclées.

3.2.2 Exemple 2 : Fonction de fermeture paramétrique

Copier le code Le code est le suivant :

fonction funA(arg1,arg2) {
var je = 0;
Fonction funB(étape) {
je = je fais un pas ;
alerte(i)
>
Retourner funB ;
>
var allShowA = funA(2, 3); //L'appel est funA arg1=2, arg2=3
allShowA(1);//L'appel est funB step=1, sortie 1
allShowA(3);//L'appel est funB setp=3, sortie 4

3.2.3 Exemple 3 : Partage de variables au sein de la fonction parent funA

Copier le code Le code est le suivant :

fonction funA() {
var je = 0;
fonction funB() {
         je ;
alerte(i)
>
AllShowC = function() {// allShowC fait référence à la fonction anonyme et partage la variable i
avec funB          je ;
alerte(i)
>
Retourner funB ;
>
var allShowA = funA();
var allShowB = funA();//allShowB fait référence à funA, allShowC est lié en interne et partage la variable i
avec allShowB

3.3 Scénarios applicables

① Assurer la sécurité des variables à l'intérieur de la fonction funA, car les variables de funA ne sont pas directement accessibles de l'extérieur.

Avez-vous appris quelque chose sur la fonction JavaScript ? Si vous avez des questions, laissez-moi un message.