Рубрики
Без рубрики

Введение в распространение синтаксиса в JavaScript

Ashay Mandwarya ??? Введение в распространение синтаксиса в JavaScriptshat это и почему нам это нужно? Фото Антон Дариус | @Thesollers на Unsplashthe Spread Syntax был введен в спецификации ES6 JavaScript. Это так как оказалось ценным кусочком кода, делая код чистым

Автор оригинала: FreeCodeCamp Community Member.

Ashay Mandwarya ???

Что это и почему нам это нужно?

Синтаксис спреда введен в спецификации JavaScript. Это, поскольку оказалось ценным кусочком кода, делая код чистым и легко понять.

MDN определяет в виде:

Должны все согласны с тем, что вышеуказанное определение сужествует, и никто из нас не поймел ни слова, которое он пытается сказать. Итак, давайте начнем с самых основных вещей о распространенном синтаксисе.

  • Оператор распространения всего 3 точка ...
  • Его можно использовать на поездах, таких как массив или строка.
  • Это расширяет утечку его отдельных элементов
  • Он может обеспечить вызов функции с массивом (или любым другим повтором), где ожидалось 0 или более аргументов.

Пример

Приведенный ниже фрагмент содержит функцию, называемую сумму, которая ожидает 3 аргумента x, y и z. У нас есть массив с 3 элементами, и мы хотим пройти элементы в массиве в качестве аргументов для функции.

До того, как был введен оператор по распространению, это было сделано через функцию Применить.

После введения оператора распространения это может быть сделано очень просто:

Как видно из вышеупомянутого фрагмента с оператором распространения, нам не нужно использовать функцию приложения. Это спасает нас от записи большего количества кода.

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

Синтаксис

Оператор распространения может использоваться во многих отношениях и сценариях, таких как

  • Внутри вызовы функций

При использовании в приведенном выше сценарии ... называется параметром покоя. Мы увидим примеры, связанные с этим в разделе Примеры.

  • Создание/расширение массива/считать, что

Примеры

  • Как отдохнуть

… используется в качестве аргумента для вариационной функции. Вариадическая функция – это функция, которая может иметь переменное количество параметров.

Здесь, когда мы возвращаем args, мы видим, что мы вернем на наш массив, который мы передали как отдельные значения в вызове. Это показывает, что оператор отдыха на самом деле работает точно противоположен синтаксису распространения. Один расширяется и один конвенции о ценности.

Еще одна вещь, чтобы указать, это то, что в определении функции нет конкретного количества параметров. Это означает использование … функция может иметь число аргументов. Нам не нужно заранее указывать параметры.

Это особенно очень гибкий способ получения аргументов для функции, для которой конкретное количество аргументов не определено, как функция Math.max и Math.min. Они являются вариационными функциями, поскольку количество входов может быть бесконечным для них.

Вернуться к примеру, чтобы получить сумму всех аргументов

Мы должны повторять массив и добавить все отдельные элементы для создания результата.

  • Push-элементы в массиве

Функция push () используется для нажимания элементов в массив. Ограничение с толчком состоит в том, что мы должны нажимать элементы один за другим (push (1,2,3)). Если есть массив, элементы которого должны быть вставлены в массив, используя push, мы получим многомерный массив, который мы не просили.

Снова примените к спасению

Как мы видим, что использование применения не выглядит очень элегантно, и нам нужен простой и маленький синтаксис для этого. Давайте использовать распространение …

Элегантность!

  • Копирование массива

Простой!

Тот же результат может быть получен с использованием объекта

  • Соединение 2 массива

Concatenation осуществляется с использованием функции CONCAT

То же самое можно достичь с помощью … оператора

  • Преобразование строки в массив

Это можно сделать с помощью функции разделения, так и оператора …

  • Используйте в максимальных и минимальных функциях

Приведенный ниже фрагмент имеет тенденцию найти максимальный элемент в массиве, поэтому мы проходим весь массив в функции, но получаем результат как NAN

Мы можем использовать применить, но, как видно из предыдущих примеров, я ненавижу использовать его

То же самое для мин

Заключение

Мы видели много ситуаций, когда оператор распространения пригодится и уменьшает наш код, а также делает его супер легко понять.

Если вам нравится это хлопок? и следовать? для большего.