ECMAScript 6 co to ...values

Question

Hej, o co chodzi z ...values?

Answer 1

To tzw. operator rest. Poczytaj na:

http://exploringjs.com/es6/ch_core-features.html#sec_from-arguments-to-rest

Zbiera on elementy w tablicę, w tym wypadku oznacza to, że do funkcji doMath możesz przekazać (jak do każdej funkcji) dowolną liczbę argumentów, i pierwszy z nich przypisze ona do zmiennej strings, a wszystkie następne zbierze w tablicę values.

Na przykład:

function fn( str, ...args ) {
   console.log( str, args );
}

fn( 5 );                //5 []
fn( 'text' );           //text []
fn( 'text', 1, 2, 3 );  //text [1, 2, 3]
fn( 'text', 'a', 'b' ); //text ["a", "b"]

Pierwszy argument mamy w zmiennej str, a wszystkie kolejne są ładowane w jedną tablicę. Jest to pełnoprawna tablica z Array.prototype, więc masz wszystkie metody. Jest to znacznie lepsze niż stosowanie dawnego arguments, czyli listy argumentów funkcji (co było pseudotablicą).

Comments

Jak już będziesz to analizował to poczytaj też o destrukturyzacji, to też bardzo przydatne i często stosowane, np. w odniesieniu do tablic:

const arr = [1, 2, 3];
const [a, b, c] = arr;

a; //1
b; //2
c; //3

I mamy trzy zmienne bez konieczności deklarowania ich osobno (jako const a = arr[0] itd.). Ale to oczywiście dwa różne tematy - operator spread/rest i destrukturyzacja. Tak tylko piszę bo często jest to stosowane. Przydatne też z obiektami, ale o tym już sobie poczytasz :)