Практический Javascript

некоторые важные концепции javascript

Функция стрелки:

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

сначала давайте посмотрим на пример использования обычной функции:

здесь я использовал функцию карты javascript для возврата массива. мы можем сделать то же самое с помощью javascript. Давайте посмотрим, как мы можем сделать то же самое, используя функцию стрелки:

Хотите прочитать эту историю позже? Сохранить в журнале.

Если вы внимательно посмотрите, в приведенной выше стрелочной функции есть только один аргумент. Если в стрелочной функции присутствует только один аргумент, нет необходимости в дополнительных скобках.

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

Давайте посмотрим на интересный пример, использующий стрелочную функцию:

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

Но мы можем написать это более эффективно. Давайте посмотрим:

посмотрите, как легко мы сокращаем шаблонный код с помощью стрелочных функций. вы можете спросить где ключевое слово возврата? ну это называется неявным возвратом. Если тело функции однострочное, вам не нужно явно писать ключевое слово return.

Различные способы копирования объекта в javascript:

Теперь посмотрим, как копировать объекты в javascript. копирование объекта - обычное дело в нашей повседневной разработке.

Сначала мы увидим, как скопировать объект с помощью оператора распространения.

другой альтернативой является Объект. назначить

оба примера - поверхностная копия. Есть еще один способ получить глубокую копию:

Аргумент функции по умолчанию:

Теперь поговорим об очень полезной функции es6. который называется аргументом функции по умолчанию. давайте посмотрим на пример:

Вышеупомянутая программа очень проста. часто ходим в рестораны. И мы должны дать официанту налоги и чаевые.

функция расчета счета вернет общую сумму счета.

Но что, если я не приведу только один аргумент вместо трех?

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

Вот рабочий код:

Функция уменьшения:

часто нам нужно получить значение из массива. Представьте, что вам нужно суммировать все позиции shoppingCart. Традиционно вам нужно запустить цикл for / forEach. что не чисто. Но, используя метод reduce, вы легко можете уменьшить объем кода. Можете ли вы представить, что для этого вам понадобится всего одна строчка кода?

вот пример функции уменьшения, которая вернет суммирование всех чисел массива

фильтр:

еще один часто используемый метод массива - это фильтр. например, вы создаете приложение со списком дел. когда пользователь щелкнул элемент задачи, вы хотите удалить этот элемент. В этом случае на помощь придет метод фильтрации.
Давайте посмотрим на пример:

Вот полный пример этого

Он удалит тот элемент, идентификатор которого передан в качестве аргумента функции, и вернет отфильтрованный массив

каждый:

Метод every очень полезен, когда вы пытаетесь найти, соответствует ли условие всем элементам массива. например, есть массив чисел (возраст разных людей), и вы хотите проверить, все ли люди в массиве взрослые. В этом случае вы можете использовать любой метод.

поскольку возраст всех людей больше или равен 18, он вернет истину.

Толкать:

push очень прост. как следует из названия, он добавит элемент в конец массива. посмотрим на пример:

он подтолкнет 69 в конце массива возрастов

Поп:

Метод pop противоположен методу push. Он удалит последний элемент из массива. Давайте посмотрим на пример:

после age.pop () 54 будет удален из исходного массива

Substr:

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

Давайте посмотрим на пример:

приведенный выше пример уменьшит количество букв исходной строки. Он вернет только первые 10 символов.

отделка:

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

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

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