ES6 - Spread

ES6 - Spread

Spread - давайте посмотрим что ето за оператор и как он помогает нам в кодинге. Spread в переводе оператор расширения, но я считаю, что ето плохой перевод. По англ. ето означает распылять. То есть у нас с таким оператором есть возможность распылить массив на елементы или получить остаток. Давайте посмотрим самую популярную часть кода spread. Как мы знаем у стрелочных функций нет аргументов и у нас нет возможности получить массив аргументов. В етом нам несомненно поможет spread.

ES6 - Spread - ReactWarriors

У нас есть стрелочная функция getText, а в место аргумента - “…args”. Ето означает что надо взять все аргументы которые мы передали и вставить их в переменную args. Например если посмотреть в браузере, то мы увидим 3-и аргументы a,b,c в консоле. В случае если же мы покажем отдельно 1-й аргумент, то в args поместятся все остальные аргументы.

ES6 - Spread

Например если есть 2-а аргументы а и массив b,c. Ето довольно комфортно когды мы не знаем какую численность аргументов ждать. 2-й вариант удобства spread, ето когда нам надо подмержить 2-а массива

JavaScript ES6— The Spread Syntax

Так можно поместить все елементы 2-го массива в 1-й. Но например в ES6 уже можна писать.

Основы ES6  Оператор разворота (spread operator)

Мы делаем пуш spread 2-го массива. Мы так превращаем массив в последовательность елементов массива и делаем их пуш. Так код стал проще и легче для осознания. Другой вариант применения, ето в случае если у нас есть некоторое количество аргументов для функции в виде массива. В ЕS5 к примеру у нас был подобный код

Spread-оператор и rest-параметры

мы воспользовались apply, дабы 2-м параметром передать массив, как аргументы в функцию

ES6 Операторы разворота и сворачивания (Spread & REST operators)

Если нам надо например передать аргумент в функцию, тогда нам может пригодится spread. Так как аргументы передадутся как последовательность елементов, а не массив.

Также если вы занимались обучением javascript, node js, vue js, хочу вам посоветовать youtube канал по изучению React JS онлайн

Если у вас возникли какие-то вопросы, пишите их в наш телеграмм-чат.

Поделись знаниями: