JavaScript заметки
8.52K subscribers
2.77K photos
4 videos
1.28K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Оператор in

Вы можете использовать оператор in для того чтобы проверить есть ли такой ключ у объекта.

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

#операторы
👍6🔥31
Heap out of memory

Распространенной проблемой при работе с Node.js является ошибка «heap out of memory». Эта ошибка обычно возникает, когда памяти по умолчанию, выделенной твоей системой для Node.js, недостаточно для запуска большого проекта. В данной статье автор демонстрирует, как можно решить эту проблему.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍3
Свойства объекта

Вы можете получить доступ к свойствам объекта с помощью [] вместо '.'. Это позволяет найти свойство, которое соответствует переменной.

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

Некоторые люди не знают этого и заканчивают это использованием eval(),что по-настоящему плохая идея. Так код сложнее читать, сложнее находить ошибки(невозможно использование jslint), он медленнее выполняется и может привести к XSS.

#объекты
Шпаргалка по RegEx

Регулярное выражение — это последовательность символов, формирующая шаблон поиска. Шаблон поиска можно использовать для текстового поиска и операций замены текста. Делимся шпаргалкой для работы с RegEx.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
4👍1
Лайфхаки для улучшения кода

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
isInteger

Это
аккуратный способ узнать, является ли значение целым числом. Встроенный в JavaScript API Number предоставляет для этого метод isInteger(). Очень полезная штука, о которой следует знать.

#методы
👍71
Private методы

Объекты могут иметь private методы

#методы
👍1
Синхронизация между Notion и календарем

Делимся статьей, где автор демонстрирует интеграцию календаря из Notion в Google Calendar через ics. Таким способом события из календаря Notion можно добавить в любой календарь, поддерживающий ics формат.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Метод forEach()

Метод forEach() является одним из методов доступных для работы с массивами в JavaScript. Он позволяет выполнять указанную функцию обратного вызова для каждого элемента в массиве. Таким образом, мы можем легко итерироваться по всем элементам массива и выполнить определенные операции для каждого из них.

В примере у нас есть массив чисел numbers. Мы используем метод forEach() для итерации по каждому элементу массива и выводим его значение в консоль. Функция обратного вызова, переданная в forEach(), принимает каждый элемент массива и выполняет указанный код для него.

Метод forEach() является удобным инструментом для обхода элементов массива и выполнения операций с каждым из них. Он предоставляет нам простой и понятный способ работать с каждым элементом без необходимости использовать циклы или индексы массива.

#метод
👍9
Функциональные концепции

Функции - мощные инструменты в языке JavaScript. Сегодня поговорим о 4 главных концепциях функционального программирования, которые повысят уровень вашего мастерства.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍4
Метод map()

Метод map() является одним из методов доступных для работы с массивами в JavaScript. Он позволяет нам создавать новый массив, применяя указанную функцию к каждому элементу исходного массива. Этот метод полезен, когда требуется изменить каждый элемент массива и получить новый массив с результатами этих изменений.

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

Метод map() предоставляет нам удобный способ изменить элементы массива без изменения исходного массива. Он возвращает новый массив, который содержит измененные элементы в соответствии с логикой, определенной в функции обратного вызова.

#метод
👍3
Структуризация API-вызова

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
Метод filter()

Метод filter() является одним из методов работы с массивами в JavaScript. Он позволяет нам создавать новый массив, содержащий только те элементы исходного массива, которые удовлетворяют определенному условию. Этот метод полезен, когда требуется отфильтровать элементы массива на основе определенного критерия.

В примере у нас есть исходный массив чисел numbers. Мы используем метод filter(), чтобы создать новый массив evenNumbers, содержащий только четные числа из исходного массива. Функция, переданная в filter(), принимает каждый элемент массива и возвращает true или false в зависимости от того, удовлетворяет ли элемент условию фильтрации.

Метод filter() позволяет нам эффективно фильтровать элементы массива в соответствии с заданными условиями. Он возвращает новый массив, который содержит только те элементы исходного массива, для которых условие фильтрации истинно.

#метод
👍6
Клонирования в JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍4
Чистый код JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍3
Метод reduce()

Метод reduce() в JavaScript позволяет агрегировать данные в массиве и получить одно единственное значение на основе элементов этого массива. Он выполняет функцию обратного вызова для каждого элемента массива, накапливая результаты в одно значение.

В примере мы имеем массив чисел numbers. Мы используем метод reduce(), чтобы получить сумму всех чисел в массиве. Функция, переданная в reduce(), принимает два аргумента: аккумулятор (accumulator) и текущий элемент (currentNumber). На каждой итерации функция складывает текущий элемент с аккумулятором и возвращает новое значение аккумулятора. Изначально аккумулятор устанавливается равным 0.

В результате выполнения метода reduce() мы получаем общую сумму всех чисел в массиве и сохраняем ее в переменной sum.

Метод reduce() позволяет выполнять различные агрегационные операции над элементами массива, такие как суммирование, нахождение максимального или минимального значения, конкатенация и многое другое.

#метод
👍3🔥2
10 лайфхаков JavaScript

Опытные JavaScript-программисты владеют приемами, которые неизвестны новичкам. Познакомьтесь с 10 из них: они сделают код качественнее, а вас - более профессиональным программистом.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍4
Метод slice()

Метод slice() в JavaScript позволяет копировать часть массива и создавать новый массив, содержащий выбранные элементы. Он принимает два параметра: начальный индекс (включительно) и конечный индекс (не включая).

В примере у нас есть массив numbers, содержащий числа от 1 до 5. Мы вызываем метод slice(1, 4), чтобы скопировать элементы массива с индексами от 1 до 3 (не включая 4). Результатом будет новый массив slicedNumbers, содержащий элементы [2, 3, 4]. Оригинальный массив numbers остается неизменным.

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

#метод
🔥4👍1
Управление памятью JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍3
Метод concat()

Метод concat() в JavaScript позволяет объединить несколько массивов в один новый массив. Он создает и возвращает новый массив, который содержит все элементы из исходных массивов.

В примере у нас есть три массива: array1, array2 и array3. Мы вызываем метод concat() на массиве array1 и передаем в него остальные два массива (array2 и array3). Результатом будет новый массив mergedArray, содержащий все элементы из трех исходных массивов. В данном случае, он будет иметь следующий вид: [1, 2, 3, 4, 5, 6, 7, 8, 9].

Метод concat() особенно полезен, когда вам необходимо объединить несколько массивов в один без изменения исходных массивов. Вы можете использовать его для создания нового массива, содержащего все элементы из разных массивов в нужном порядке.

#метод
👍51🔥1
5 библиотек JavaScript

Представляем 5 полезных, но малоизвестных библиотек JavaScript! Они помогут сэкономить силы и время при форматировании дат, обработке URL-параметров и отладке веб-страниц в мобильном терминале.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍72🔥1