Найти в Дзене
Max Magixe
1 подписчик

Наиболее часто используемые сокращения в JavaScript

11
1 мин
Все сокращения в данной статье будут заменены движком Javascript на их более громоздкие варианты и уже потом обработаны. Все что будет описано в статье сделано разработчиками языка JavaScript исключительно для удобства программиста и написания меньшего количества символов. Итак приступим. Сокращение If-else ветвлений Первое сокращение JavaScript кода отходит от коконов логических if else разветвлений. Но это только внешняя видимость, так как практически все сокращения JavaScript это синтаксический сахар. Второе как по мне самое короткое и удачное использование сокращений. Правильное использование ForEach в массивах Третье сокращение относится к циклу forEach у массивов. Оно не выглядит на первый взгляд меньше своего изначального варианта. Но ввиду того что во втором варианте вы можете впоследствии использовать функцию неограниченное количество раз и не писать каждый раз новые callback функции код сокращается в разы. Стрелочные функции Использование стрелочных функций здесь показано ис
Оглавление

Все сокращения в данной статье будут заменены движком Javascript на их более громоздкие варианты и уже потом обработаны. Все что будет описано в статье сделано разработчиками языка JavaScript исключительно для удобства программиста и написания меньшего количества символов.

Итак приступим.

Сокращение If-else ветвлений

Первое сокращение JavaScript кода отходит от коконов логических if else разветвлений. Но это только внешняя видимость, так как практически все сокращения JavaScript это синтаксический сахар.

Вместо скобок используются знак вопроса и двоеточие, быстрее? ДА. Нагляднее? Не уверен.
Вместо скобок используются знак вопроса и двоеточие, быстрее? ДА. Нагляднее? Не уверен.

Второе как по мне самое короткое и удачное использование сокращений.

Здесь используется всего один оператор и логически он обоснован так как читается или это или то.
Здесь используется всего один оператор и логически он обоснован так как читается или это или то.

Правильное использование ForEach в массивах

Третье сокращение относится к циклу forEach у массивов. Оно не выглядит на первый взгляд меньше своего изначального варианта.

Используем стрелочную функцию вместо callback функции
Используем стрелочную функцию вместо callback функции

Но ввиду того что во втором варианте вы можете впоследствии использовать функцию неограниченное количество раз и не писать каждый раз новые callback функции код сокращается в разы.

Стрелочные функции

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

Сокращение скобок в стрелочных функциях
Сокращение скобок в стрелочных функциях

Де-структуризация объектов и массивов

Очень часто возникает необходимость получить значение какого-то одного или двух свойств объекта.

Не забывайте что в объектах нужно писать имена свойств
Не забывайте что в объектах нужно писать имена свойств

А так же получить значение первого и второго элементов массива.

В массивах же нужно использовать порядок элементов в массиве
В массивах же нужно использовать порядок элементов в массиве

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

Надеюсь статья была полезна, она была написана с целью закрепления знаний сохраните её в закладки и не забывайте использовать на практике данные сокращения поверьте на дистанции они сэкономят вам огромное количество вашего времени.