Подборка советов и рецептов для повышения ваших навыков путем разработки на Javascript
Продолжая подборку рецептов Javascript, которые я периодически публикую в Linkedin по средам, здесь я оставлю те, которые загрузил за последние два месяца. Так что, если вы что-то пропустили или просто хотите освежить свои знания, вы можете иметь их под рукой.
Напоминаем, что первую часть этой статьи можно найти здесь:
Для меня правда в том, что их написание очень помогает мне укрепить некоторые части одного из моих любимых языков и быть в курсе основных новшеств, которые появляются.
Так что, как всегда, давайте!
Клонирование объектов
Рецепт, в котором я резюмирую 3 основных способа клонирования объекта в Javascript.
Будьте осторожны с использованием «оператора распространения», потому что, как вы видите, он производит то, что известно как «поверхностное клонирование», то есть копирует объекты клонируемого объекта по ссылке!
ES2020
Время идет! Мы уже в 2020 году, а вместе с ним и новая спецификация ECMA для Javascript с некоторыми очень интересными новостями, которые понемногу также начинают доходить до браузеров.
В этом рецепте я резюмирую основные функции ECMAScript 2020, чтобы вы ничего не пропустили:
Нулевой объединяющий оператор
Как вы видели в сводке основных нововведений ES2020, одно из них — появление «нулевого оператора объединения», который позволяет нам быстро проверить, является ли переменная нулевой, и, в В этом случае установите значение по умолчанию.
В рецепте у вас есть несколько примеров со значением, полученным при его использовании:
Прокси-объект в Javascript
Наверняка великое неизвестное. Прокси-объект JavaScript позволяет нам определять собственное поведение для элементарных операций объектов или функций.
На примере рецепта вы можете увидеть, как его можно использовать для управления данными, которые вводятся в массив. Полезно, правда?
По сути, управляя функцией get, мы можем создать новую функцию push, которая проверяет тип добавляемого значения, чтобы, выполнив
proxyForFoo.push (4)
мы получаем эту функцию, и выполняется проверка.
Чистые функции
Теперь, когда функциональное программирование переживает вторую молодость, стоит рассмотреть, что такое чистая функция и какие элементы заставляют ее терять это прилагательное.
Помните, что преимущество работы с чистыми функциями, когда это возможно, заключается в том, что мы всегда будем иметь безопасность получения одного и того же результата при каждом вызове без внешних факторов, которые его изменяют, или без возникновения цепных эффектов в нашем приложении.
Оператор спреда
Одна из наиболее часто используемых функций ES6 и та, которая больше всего (на мой взгляд) способствовала тому, чтобы сделать код более читабельным.
Его использование разнообразно: от клонирования объектов до добавления новых элементов в объекты и массивы. Очень полезный, как он сам, так и его брат-близнец оператор «остального».
Этот
Переменная this в Javascript, вероятно, является одной из самых больших головных болей, с которыми мы можем столкнуться при работе с этим языком, особенно если мы все еще учимся.
Вот почему я подготовил этот обзор значений, которые он принимает внутри объекта в зависимости от того, как мы вызываем методы. Я знаю, что это не все случаи, но я думаю, что это хорошее приближение к беглости при определении того, какое значение будет иметь эта знаменитая переменная.
Переменный подъем
Типичный вопрос интервью, который никогда не помешает узнать и который позволяет нам использовать переменные в Javascript, которые появляются позже в коде. Не попадитесь на следующем интервью!
Последние мысли
Как видите, в Javascript есть много синтаксических уловок, которые делают разработку на этом языке более приятной. Вот почему я всегда отвечаю на вопросы о том, какую библиотеку или фреймворк изучать:
Вы хорошо знаете Javascript?
Я думаю, что знание языка необходимо перед тем, как приступить к работе над уровнем выше, поэтому я готовлю эти мини-рецепты каждую среду, чтобы закрепить свои знания.
Помните, что если вы также хотите углубиться, у вас есть фантастическая бесплатная онлайн-книга " Вы не знаете Javascript:”
Хотите читать больше подобных статей?
Если вам понравилась эта статья, я призываю вас подписаться на информационный бюллетень, который я отправляю каждое воскресенье с публикациями, похожими на этот и другие рекомендуемые материалы: 👇👇👇