Einen Standardparameterwert für eine JavaScript-Funktion festlegen

Question

Ich möchte eine JavaScript-Funktion, um optionale Argumente, die ich einen Standard auf, die verwendet werden, wenn der Wert nicht definiert ist (und ignoriert, wenn der Wert übergeben wird). In Ruby kann man das so machen:

def read_file(file, delete_after = false)
  # code
end

Funktioniert das auch in JavaScript?

function read_file(file, delete_after = false) {
  // Code
}

Answer 1

Diese Lösung funktioniert für mich in js:

function read_file(file, delete_after) {
    delete_after = delete_after || false;
    // Code
}

Answer 2

Ich würde sehr empfehlen, extreme Vorsicht bei der Verwendung von Standard-Parameterwerte in Javascript. Es schafft oft Fehler, wenn sie in Verbindung mit Funktionen höherer Ordnung wie forEach , map und reduce . Betrachten Sie zum Beispiel diese Codezeile:

['1', '2', '3'].map(parseInt); // [1, NaN, NaN]

parseInt hat einen optionalen zweiten Parameter function parseInt(s, [ radix =10]) aber die Karte ruft parseInt mit drei Argumenten: ( Element , Index und array ).

Ich schlage vor, dass Sie Ihre erforderlichen Parameter von Ihren optionalen/standardmäßigen Argumenten trennen. Wenn Ihre Funktion 1, 2 oder 3 erforderliche Parameter benötigt, für die kein Standardwert sinnvoll ist, machen Sie sie zu Positionsparametern der Funktion, alle optionalen Parameter sollten als benannte Attribute eines einzelnen Objekts folgen. Wenn Ihre Funktion 4 oder mehr Parameter benötigt, ist es vielleicht sinnvoller, alle Argumente über Attribute eines einzelnen Objektparameters zu übergeben.

In Ihrem Fall würde ich vorschlagen, Sie schreiben Ihre deleteFile-Funktion wie folgt: ( bearbeitet per instead 's Kommentare )...

// unsafe
function read_file(fileName, deleteAfter=false) {
    if (deleteAfter) {
        console.log(`Reading and then deleting ${fileName}`);
    } else {
        console.log(`Just reading ${fileName}`);
    }
}

// better
function readFile(fileName, options) {
  const deleteAfter = !!(options && options.deleteAfter === true);
  read_file(fileName, deleteAfter);
}

console.log('unsafe...');
['log1.txt', 'log2.txt', 'log3.txt'].map(read_file);

console.log('better...');
['log1.txt', 'log2.txt', 'log3.txt'].map(readFile);

Die Ausführung des obigen Schnipsels veranschaulicht die Gefahren, die hinter Standardargumenten für nicht verwendete Parameter lauern.

Answer 3

Verwenden Sie einfach einen expliziten Vergleich mit undefiniert.

function read_file(file, delete_after)
{
    if(delete_after === undefined) { delete_after = false; }
}

Answer 4

Als Update...mit ECMAScript 6 können Sie ENDLICH Standardwerte in der Deklaration von Funktionsparametern wie folgt festlegen:

function f (x, y = 7, z = 42) {
  return x + y + z
}

f(1) === 50

Wie referenziert von - http://es6-features.org/#DefaultParameterValues

Answer 5

Als langjähriger C++-Entwickler (Rookie in der Webentwicklung :)) habe ich, als ich das erste Mal auf diese Situation stieß, die Parameterzuweisung in der Funktionsdefinition wie in der Frage erwähnt wie folgt vorgenommen.

function myfunc(a,b=10)

Beachten Sie aber, dass diese Funktion nicht in allen Browsern gleich gut funktioniert. Bei mir funktionierte es mit Chrome auf meinem Desktop, aber nicht mit Chrome auf Android. Sicherere Option, wie viele oben erwähnt haben, ist -

    function myfunc(a,b)
    {
    if (typeof(b)==='undefined') b = 10;
......
    }

Die Absicht dieser Antwort ist nicht, die gleichen Lösungen zu wiederholen, die andere bereits erwähnt haben, sondern darüber zu informieren, dass die Parameterzuweisung in der Funktionsdefinition bei einigen Browsern funktionieren kann, aber verlassen Sie sich nicht darauf.