JS: fonctions arguments par défaut les valeurs

Dans certaines langues, vous pouvez définir des valeurs par défaut pour les arguments de la fonction:

function Foo(arg1 = 50, arg2 = 'default') {
    //...
}

Comment faire en JavaScript?

double possible de Définir une valeur de paramètre par défaut pour une fonction JavaScript
double possible de Est-il une meilleure façon de faire en option paramètres de la fonction en Javascript?

OriginalL'auteur SaltLake | 2011-01-22

  1. 16

    En JavaScript, tout ce qui n'est pas est attribué à la valeur undefined. Cela signifie que si vous voulez définir des valeurs par défaut pour une fonction, votre première ligne doit être vérifier pour voir si ces valeurs ne sont pas définies:

    function Foo(arg1, arg2) {
    if (typeof(arg1) === "undefined") { arg1 = 50; }
    if (typeof(arg2) === "undefined") { arg2 = "default"; }
}

    Vous pouvez prendre un peu de couper court si vous savez à peu près ce que ces valeurs seront:

    function Foo(arg1, arg2) {
    arg1 = arg1 || 50;
    arg2 = arg2 || "default";
}

    Toutefois, si ces arguments sont falsy, ils seront remplacés. Cela signifie que si arg1 est une chaîne vide, null, undefined, false ou 0 il va être changé à 50, donc soyez prudent si vous avez choisi d'utiliser

    OriginalL'auteur James Long

  2. 5

    Je préfère le == null vérifier au lieu de typeof(arg1) === undefined (comme la bibliothèque jQuery n'en interne: http://docs.jquery.com/JQuery_Core_Style_Guidelines#JSLint). Non seulement est-il plus concis, il gère également la valeur null et undefined, de sorte que le code client peut passer dans null et d'obtenir la valeur par défaut est appliquée.

    Il est également possible d'intégrer la fonction dans une autre fonction qui fournit les valeurs par défaut. Le prototypejs bibliothèque a une fonction qui fournit les argumentNames() (ou si vous ne souhaitez pas utiliser le prototype, vous pouvez juste emprunter la mise en œuvre-c'est juste une expression rationnelle appliquée contre les résultats de la fonction de toString()).

    De sorte que vous pourriez faire quelque chose comme ceci:

    var Foo = defaults(Foo, { arg1: 50, arg2: 'default' });
function Foo(arg1, arg2) {
  //...
}

    Et la mise en œuvre de defaults() ressemblerait à quelque chose comme ceci:

    function defaults(fn, def) {
  return function() {
    var arg_names = fn.argumentNames();
    var nArgs = args.length;
    for (var nArg = 0; nArg < nArgs; ++nArg) {
      if (arguments[nArg] == null && arg_names[nArg] in def)
        arguments[nArg] = def[arg_names[nArg]];
    }
    fn.apply(this, arguments);
  }
}

    Bien sûr, c'est du code non testé, et la façon dont il est écrit, il exige le Prototype de la bibliothèque. Mais tout ce que dit, les == null approche à l'intérieur de la fonction est plus naturel de Javascript, est plus facile à déboguer (vous n'avez pas d'autre fonction de la couche à pas à pas), et je trouve ça plus facile à lire:

    function Foo(arg1, arg2) {
  if (arg1 == null) arg1 = 50;
  if (arg2 == null) arg2 = 'default';
}
    Merci pour la réponse. Par la manière dont jQuery lignes directrices exige des accolades pour être utilisée dans des blocs. Je préfère aussi. Donc je suppose que quelque chose comme arg1 == null && arg1 = 50 serait correct (je ne suis pas sûr que les opérateurs de priorité en JS)?

    OriginalL'auteur Peter Rust

  3. 1

    Vous auriez à le faire dans le corps de la fonction:

    function Foo(arg1 ,arg2) {
    if( typeof arg1 === 'undefined' )
        arg1 = 50;

    if( typeof arg2 === 'undefined' )
        arg2 = 'default';
    //...
}

    Un autre moyen de les tester pour undefined ou null est comme ceci:

    function Foo(arg1 ,arg2) {
    if( arg1 == undefined )
        arg1 = 50;

    if( arg2 == undefined )
        arg2 = 'default';
    //...
}

    Certaines personnes n'aiment pas parce qu'il est possible de remplacer la valeur de undefined puisque c'est juste une propriété globale. Tant qu'il n'est pas remplacé, ce serait beau travail. Si les paramètres sont null ou undefined, ils vont être définie à une valeur par défaut.

    OriginalL'auteur user113716

  4. 1

    De ES2015 (ES6), les paramètres par défaut peuvent être définies comme suit:

    function multiply (a, b = 2) {
  return a * b;
}
multiply(5); //10

    OriginalL'auteur JoeTidee