javascript - Spread Syntax vs Rest Parameter in ES2015 / ES6

Question

I am confused about the spread syntax and rest parameter in ES2015. Can anybody explain the difference between them with proper examples?

Answer 1

When using spread, you are expanding a single variable into more:

var abc = ['a', 'b', 'c'];
var def = ['d', 'e', 'f'];
var alpha = [ ...abc, ...def ];
console.log(alpha)// alpha == ['a', 'b', 'c', 'd', 'e', 'f'];