Using spread syntax with function Arguments object

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);