Gibt es eine bessere Möglichkeit, optionale Funktionsparameter in JavaScript zu verwenden?

Question

Ich habe optionale Parameter in JavaScript immer wie folgt behandelt:

function myFunc(requiredArg, optionalArg){
  optionalArg = optionalArg || 'defaultValue';

  // Do stuff
}

Gibt es einen besseren Weg, dies zu tun?

Gibt es Fälle, in denen die Verwendung von || wie das scheitern wird?

Answer 1

Ihre Logik schlägt fehl, wenn optionalArg übergeben wird, aber als falsch ausgewertet wird - versuchen Sie dies als Alternative

if (typeof optionalArg === 'undefined') { optionalArg = 'default'; }

Oder eine andere Redewendung:

optionalArg = (typeof optionalArg === 'undefined') ? 'default' : optionalArg;

Verwenden Sie die Redewendung, die Ihnen die Absicht am besten vermittelt!

Answer 2

Unter ECMAScript 2015 (auch bekannt als " ES6 ") können Sie in der Funktionsdeklaration Standardwerte für die Argumente angeben:

function myFunc(requiredArg, optionalArg = 'defaultValue') {
    // do stuff
}

Mehr über sie in dieser Artikel auf MDN .

Dies ist derzeit wird nur von Firefox unterstützt Da die Norm jedoch fertiggestellt ist, ist mit einer raschen Verbesserung der Unterstützung zu rechnen.

---

BEARBEITEN (2019-06-12):

Die Standardparameter werden von modernen Browsern inzwischen weitgehend unterstützt.
Alle Versionen von Internet Entdecker unterstützen diese Funktion nicht. Allerdings, Chrom , Firefox und Kante unterstützen es derzeit.

Answer 3

Ich halte dies für die einfachste und am besten lesbare Methode:

if (typeof myVariable === 'undefined') { myVariable = 'default'; }
//use myVariable here

Die Antwort von Paul Dixon ist (meiner bescheidenen Meinung nach) weniger lesenswert als diese, aber das ist eine Frage der Vorliebe.

Die Antwort von insin ist sehr viel fortgeschrittener, aber für große Funktionen sehr viel nützlicher!

EDIT 17.11.2013 21:33 Uhr: Ich habe ein Paket für Node.js erstellt, das es einfacher macht, Funktionen (Methoden) zu überladen, die parametrisch .

Answer 4

Wenn Sie eine wörtliche Rede halten müssen NULL dann könnten Sie einige Probleme bekommen. Abgesehen davon, nein, ich denke, Sie sind wahrscheinlich auf dem richtigen Weg.

Die andere Methode, für die sich manche Leute entscheiden, besteht darin, ein assoc-Array von Variablen zu nehmen, das durch die Argumentliste iteriert. Es sieht ein bisschen ordentlicher aus, aber ich kann mir vorstellen, dass es ein kleines (sehr kleines) bisschen mehr Prozess/Speicherintensiv ist.

function myFunction (argArray) {
    var defaults = {
        'arg1'  :   "value 1",
        'arg2'  :   "value 2",
        'arg3'  :   "value 3",
        'arg4'  :   "value 4"
    }

    for(var i in defaults) 
        if(typeof argArray[i] == "undefined") 
               argArray[i] = defaults[i];

    // ...
}

Answer 5

Idealerweise würde man refaktorisieren, um ein Objekt zu übergeben und zusammenführen mit einem Standardobjekt, so dass die Reihenfolge, in der die Argumente übergeben werden, keine Rolle spielt (siehe den zweiten Abschnitt dieser Antwort, unten).

Wenn Sie jedoch nur etwas schnelles, zuverlässiges, einfach zu benutzendes und nicht sperriges wollen, sollten Sie dies ausprobieren:

---

Eine saubere Schnelllösung für eine beliebige Anzahl von Standardargumenten

• Es lässt sich elegant skalieren: minimaler zusätzlicher Code für jede neue Voreinstellung
• Sie können es überall einfügen: Ändern Sie einfach die Anzahl der erforderlichen Argumente und Variablen
• Wenn Sie Folgendes bestehen wollen undefined auf ein Argument mit einem Standardwert, so wird die Variable als undefined . Die meisten anderen Optionen auf dieser Seite würden die undefined mit dem Standardwert.

Hier ist ein Beispiel für die Bereitstellung von Standardwerten für drei optionale Argumente (mit zwei erforderlichen Argumenten)

function myFunc( requiredA, requiredB,  optionalA, optionalB, optionalC ) {

  switch (arguments.length - 2) { // 2 is the number of required arguments
    case 0:  optionalA = 'Some default';
    case 1:  optionalB = 'Another default';
    case 2:  optionalC = 'Some other default';
    // no breaks between cases: each case implies the next cases are also needed
  }

}

Einfache Demo . Dies ist vergleichbar mit roenving's Antwort aber leicht erweiterbar für eine beliebige Anzahl von Standardargumenten, einfacher zu aktualisieren und mit arguments no Function.arguments .

---

Übergabe und Zusammenführung von Objekten für mehr Flexibilität

Der obige Code kann, wie viele andere Methoden zur Übergabe von Standardargumenten, keine Argumente außer der Reihe übergeben, z. B. die Übergabe von optionalC aber verlassen optionalB auf den Standardwert zurückfallen.

Eine gute Möglichkeit dafür ist, Objekte zu übergeben und mit einem Standardobjekt zusammenzuführen. Dies ist auch gut für die Wartbarkeit (achten Sie nur darauf, dass Ihr Code lesbar bleibt, damit zukünftige Mitarbeiter nicht im Unklaren über den möglichen Inhalt der übergebenen Objekte gelassen werden).

Beispiel mit jQuery. Wenn Sie jQuery nicht verwenden, können Sie stattdessen Underscore's _.defaults(object, defaults) o diese Optionen durchsuchen :

function myFunc( args ) {
  var defaults = {
    optionalA: 'Some default',
    optionalB: 'Another default',
    optionalC: 'Some other default'
  };
  args = $.extend({}, defaults, args);
}

Hier ist ein einfaches Beispiel aus der Praxis .