将扩展语法与函数参数对象一起使用

Question

I know one has to be very careful with the function Arguments object

But are there any known downsides (optimization/performance issues) to using the spread syntax with the Arguments object? Or is this totally okay?

I want to create an array from an unknown amount of arguments passed to a function:

function Numbers(){
    this.numbers = [...arguments];
}

A fiddle can be found here

It looks quite neat, and in the MDN page about the Arguments object is even suggested that I can use spread syntax for this:

As you can do with any Array-like object, you can use ES2015's Array.from() method or spread syntax to convert arguments to a real Array

But I still would like see if others have another opinion on this.

Answer 1

You can also use rest parameters :

function Numbers(...numbers){
    this.numbers = numbers;
}

Answer 2

Using a spread does the same thing cleaner in ES2015

this.numbers = [...arguments];

Just remember that this won't work in arrow functions (no arguments ) , and you're good. Rest arguments and Array.from are other options that are fine as well.

The old-fashioned ES5 is:

this.numbers = [].slice.call(arguments);

Answer 3

It's fine to use spread notation (it's not an operator) with arguments . Or at least, it's as fine as it ever is to use arguments . In ES2015 and above (eg, if you have spread notation), there's very limited call to use arguments .

And indeed, there's no need in your example: Use rest arguments:

function Numbers(...args){
    this.numbers = args;
}

In that example, args is an array. A true array.

Answer 4

One reason people say not to use the arguments object is because it looks like an array but its not:

The arguments object is not an Array. It is similar to an Array, but does not have any Array properties except length. For example, it does not have the pop method. However it can be converted to a real Array:

You're good to go here because, like Array.from() the spread operator makes a new copy