Maison  >  Article  >  interface Web  >  Comprendre JavaScript, paramètres par défaut dans les fonctions

Comprendre JavaScript, paramètres par défaut dans les fonctions

php中世界最好的语言
php中世界最好的语言original
2017-11-18 09:33:051640parcourir

JavaScript sera impliqué dans notre étude ou notre travail, nous devons donc également comprendre JavaScript. Les fonctions constituent une grande partie de JavaScript. Et les fonctions évoluent constamment. Cet article vous aidera à comprendre et à maîtriser JavaScript. Étudions-le attentivement.
JavaScriptFonction, qui peut avoir des valeurs de paramètres par défaut. Avec DefaultFunction Parameters vous pouvez initialiser des paramètres formels avec des valeurs par défaut. Si un paramètre avec une certaine valeur n'est pas initialisé, la valeur par défaut du paramètre n'est pas définie.

Regardez le code suivant :

function foo(num1){
    console.log(num1);
}
foo();

Lorsque vous appelez la fonction foo, vous ne transmettez aucun paramètre, donc la valeur par défaut de la variable num1 est définie sur non défini . Cependant, vous souhaiterez parfois définir une valeur par défaut au lieu de non définie. Dans le passé, la meilleure stratégie consistait à tester la valeur du paramètre sur indéfini, puis à attribuer une valeur. Ainsi, dans l'exemple ci-dessus, si vous souhaitez définir la valeur par défaut de num1 sur 9, vous pouvez le faire comme indiqué dans le code suivant :

function foo(num1) {
    if (num1 === undefined) {
        num1 = 9;
    }
    console.log(num1);
}
foo();

ECMAScript 6 a introduit les paramètres par défaut pour les fonctions. Avec la fonctionnalité de paramètres par défaut d'ECMA 2015, vous n'avez plus besoin de vérifier les valeurs de paramètres non définies. Maintenant, vous pouvez définir 9 comme valeur par défaut pour le paramètre lui-même. Vous pouvez réécrire la fonction ci-dessus pour utiliser la valeur par défaut comme suit :

function foo(num1 =9) {
    console.log(num1);
}
foo();

Pour la fonction foo, si la valeur du paramètre num1 n'est pas transmise, alors JavaScript définira 9 comme num1 la valeur par défaut.

Vérifiez les paramètres non définis

Même si vous transmettez explicitement undéfini comme valeur de paramètre lors de l'appel de la fonction, la valeur du paramètre sera définie sur la valeur par défaut.

function foo(num1 =9) {
    console.log(num1);
}
foo(undefined);

Dans le code ci-dessus, vous transmettez undéfini comme valeur de num1, par conséquent, la valeur de num1 sera définie sur la valeur par défaut de 9 ;

Les valeurs par défaut sont calculées au moment de l'exécution

Les valeurs par défaut de la fonction JavaScript sont calculées au moment de l'exécution. Pour mieux comprendre cela, jetez un œil au code suivant :

function foo(value = koo()) {
    return value;
}
function koo() {
     return "Ignite UI";
}
var a = foo();
console.log(a);

Dans la fonction foo, la valeur par défaut de la valeur du paramètre est définie sur function koo. Lorsque la fonction foo est appelée au moment de l'exécution, la fonction koo est évaluée. Après avoir appelé la fonction foo, vous obtiendrez le résultat comme indiqué ci-dessous (dans cet exemple, nous avons utilisé le framework Ignite UI).

Comprendre JavaScript, paramètres par défaut dans les fonctions

Réutiliser les paramètres par défaut

Les paramètres par défaut peuvent être utilisés par les paramètres par défaut suivants. Veuillez regarder le code suivant :

function foo(num1 = 9, num2 = num1 + 8){
    console.log(num2);
}
foo();

Dans le code ci-dessus, la valeur par défaut de num1 est utilisée pour calculer la valeur par défaut de num2. Lorsque vous appelez la fonction foo, vous obtiendrez le résultat suivant :


Comprendre JavaScript, paramètres par défaut dans les fonctions

Conclusion

Paramètres JavaScript par défaut lors de l'écriture une fonction Très utile. La fonctionnalité des paramètres par défaut vous permet d'attribuer des valeurs par défaut aux paramètres de fonction s'ils sont manquants lors de l'appel d'une fonction au lieu de les définir comme indéfinis.

Lecture connexe :

Une brève introduction à foreach et each dans JS


Page JS actualiser Résumé des méthodes


La signification et l'utilisation des expressions régulières en 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!

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