JavaScript — это язык, который имеет множество функций и «возможностей». Вы можете начать с очень малого и делать хорошие трюки, но вы также можете углубиться в язык и обнаружить несколько дополнительных значений, которые кроются внутри.
Скажем прямо, базовые знания уже очень помогают в самых обычных повседневных задачах. Однако иногда мы сталкиваемся с проблемами производительности или другими улучшениями, которые заставляют нас обращаться к более продвинутым инструментам.
Со временем и практикой вы обнаружите небольшие сокращения в языке, которые сделают вашу повседневную жизнь быстрее и проще. В этой статье я поделюсь некоторыми приемами JavaScript, которые могут быть очень полезны для вас, независимо от того, начинаете ли вы как веб-разработчик или хотите улучшить свой код.
1) Условные ярлыки
JavaScript позволяет использовать эти сочетания клавиш для улучшения читабельности кода. Их можно использовать для замены структур IF/ELSE или даже функций возврата.
2) ~~ Оператор
Вы можете использовать оператор ~~ вместо Math.floor(). Это дает прирост производительности, не говоря уже о том, что с ним намного легче работать и запоминать.
3) Изменение размера массива с помощью array.length
Вы всегда можете настроить размер массива через Array.length, часто сокращая его вдвое или даже оставляя его пустым.
4) Недорогое слияние массивов
При слиянии массивов, особенно если они очень большие, при выборе использования Array.concat() возникают большие накладные расходы, в основном потому, что concat() создаст третий массив в результате операции. В этом случае вы можете использовать Array.push.apply(array1, array2), который помещает второй массив внутрь первого.
5) Значение по умолчанию с ||
Тем не менее, используя ярлыки, вы можете иметь значения по умолчанию в случае несоответствия переменных или параметров.
6) Вычисление array.length в больших структурах
При переборе массивов вы можете немного повысить производительность, кэшируя array.length. Вместо того, чтобы «вычислять» каждую итерацию, вы можете использовать значение до и всегда использовать одну и ту же переменную в цикле. Этот JavaScript-хак особенно полезен в очень больших структурах.
7) Дальнейшее изучение консоли
Вы можете и даже должны изучить больше возможностей консоли. Ознакомьтесь с некоторыми примерами в этой документации Mozilla https://developer.mozilla.org/. (Используйте следующие примеры в консоли браузера)
8) Доступ к массиву с помощью slice()
Вы можете использовать метод slice() для доступа к массиву в более стратегических позициях, таких как последние, для поиска одной или нескольких позиций. Вы можете выполнить это, используя отрицательные параметры.
9) Ложная или истинная проверка с помощью !! оператор
Оператор может использоваться для получения «ложных» или «истинных» результатов. Помните, что значения 0, «», null, undefined, NaN, а также false приведут к false.
10) Число в строку и строку в число в мгновение ока
Вы можете быстро преобразовать число в строку и строку в число.
Заключение
Вот несколько советов по улучшению частей вашего кода. Но не останавливайтесь на достигнутом! Найдите новые способы решения ваших проблем. Начните с простого и послушайте отзывы других разработчиков. Есть много способов решить проблемы. И всегда есть больше лайфхаков для JavaScript!
