Nieograniczone argumenty w funkcji JavaScript

Question

Czy funkcja JavaScript może przyjmować nieograniczoną liczbę argumentów? coś takiego:

testArray(1, 2, 3, 4, 5...); 

Staram:

var arr = []; 
function testArray(A) { 
    arr.push(A); 
} 

Ale to nie zadziała (wyjście jest tylko pierwszy argument). Lub jedynym sposobem jest:

function testArray(a, b, c, d, e...) { 

} 

Dzięki

Answer 1

Jest to dziwne „magia” zmiennej można odwoływać zwane „argumenty”:

function manyArgs() { 
    for (var i = 0; i < arguments.length; ++i) 
    alert(arguments[i]); 
} 

To jak tablicą, ale to nie jest tablica. W rzeczywistości jest tak dziwnie, że naprawdę nie powinno się go używać w ogóle. Powszechną praktyką jest, aby wartości niego w prawdziwy tablicy:

function foo() { 
    var args = Array.prototype.slice.call(arguments, 0); 
    // ... 

W tym przykładzie, „args” byłaby zwykła tablica, bez żadnej z tajemniczości. Istnieje wiele nieprzyjemnych problemów z "argumentami", a w ECMAScript 5 jego funkcjonalność zostanie ograniczona.

edit — chociaż przy użyciu funkcji .slice() pewno jest wygodne, okazuje się, że przekazanie obiektu arguments z funkcji powoduje bóle głowy dla optymalizacji, tak bardzo, że funkcje, które robią to nie może dostać zoptymalizowany w ogóle. Prosty, bezpośredni sposób, aby włączyć arguments do tablicy jest zatem

function foo() { 
    var args = []; 
    for (var i = 0; i < arguments.length; ++i) args[i] = arguments[i]; 
    // ... 
} 

More about arguments and optimization.

Answer 2

function toArray() { 
    return arguments; 
} 

var myargs = toArray(1, 2, 3, 4, 5, 6); 

arguments kluczowe jest dostępny w każdym js funkcji

Answer 3

var arr = []; 
function testArray() { 
    Array.prototype.push.apply(arr, arguments); 
} 

Answer 4

Od ECMAScript 2015 (lub ES6) mamy również dostęp do rest parameters, które dają nam nieco czystszy sposób zarządzania argumentami:

function foo(a, b, ...others) { 
    console.log("a and b are ", a, b); 

    for (let val of others) { 
     console.log(val); 
    } 
} 

foo(1, 2, 3, 4, 5); 

W chwili pisania tego tekstu jest to obsługiwane przez Chrome 47+, Firefox 15+ i Edge. Ta funkcja jest również dostępna za pośrednictwem transpozycji Babel i TypeScript do wersji ES5.

Answer 5

Z ECMAScript 6, można użyć resztę składni argumenty

const testArray = (...args) => { 
    console.log(args); 
}; 

testArray(1, 2, 3, 4, 5, 6, 7, 8, 9, 10); 

Answer 6

Można też po prostu "cast" go, oszczędzając brzydkie pętlę:

var getArguments = function() { 
    return arguments; 
}; 

var foo = getArguments(1,2,3,4); 

// console.log(foo.slice()); => TypeError: foo.slice is not a function 

var foo = Object.values(foo); 

console.log(foo); // => [ 1, 2, 3, 4 ] 

foo.push(5); 

console.log(foo); // => [ 1, 2, 3, 4, 5 ]