JavaScript заметки

Значение по умолчанию с помощью OR Если для переменной необходимо предусмотреть запасное значение по умолчанию, это достаточно просто реализуется с помощью оператора OR.

let person = {name: 'Jack'};

// если свойство "age" равно "undefined", устанавливает значение 35
let age = person.age || 35;

console.log(Age of ${person.name} is ${age});

#операторы

Map против Set Set — это множество данных коллекции, которое должно состоять из уникальных значений. Map — это коллекция ключ/значение. Map и Set имеют схожие методы; к ним относятся .has(), .get(), .delete() и .size(). Данная статья рассказывает, когда нужно использовать Map и Set. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Сокращение с помощью AND Давайте рассмотрим ситуацию, в которой у нас есть логическое значение и функция.

let isPrime = true;
const startWatching = () => {
    console.log('Started Watching!');
}

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

if (isPrime) {
    startWatching();
}

А как насчёт использования сокращённой записи вместе с оператором AND (&&)? Да, условный оператор "if" нам больше не нужен. Круто, правда?

isPrime && startWatching();

#методы #and

Лайфхаки для улучшения кода Делимся статьей, где автор демонстрирует полезные лайфхаки для улучшения кода. К ним относятся опциональны цепочки, оператор нулевого слияния, динамический импорт и другие. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

JavaScript Daily - @daily_javascript Канал для frontend-разработчиков любого уровня. Избранная информация по современному frontend`у в виде ссылок на авторитетные ресурсы. Практика по JavaScript / CSS / HTML в виде викторин с оценкой сложности задачи. Также мы запустили бота-агрегатора, который собирает всю информацию из открытых источников для нашего сообщества и публикует ее в приложении.

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

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

Если вы хотите учиться разработке глубоко и системно, приходите в Хекслет! Сейчас открыт набор на онлайн-профессию «Фронтенд-разработчик». За 10 месяцев вы изучите JavaScript в связке с HTML и CSS. Освоите React для создания сложных компонентов, разберетесь с сопутствующими инструментами (NPM, Git, Webpack, командная строка), получите опыт построения архитектуры полноценного приложения и написания чистого кода. Уже во время обучения вы станете участником Карьерного трека. Пройдете вебинары, которые охватывают все темы по трудоустройству: от составления резюме и рабочих профилей до психологических аспектов собеседований и адаптации на рабочем месте. 🆙 Мы заинтересованы, чтобы вы нашли первую работу. Получите полную консультацию по профессии и карьере в IT!

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

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

Свойства объекта Вы можете получить доступ к свойствам объекта с помощью [] вместо '.'. Это позволяет найти свойство, которое соответствует переменной. Также вы можете использовать это для получения/установки значения свойства, если его название неразрешенный идентификатор. Некоторые люди не знают этого и заканчивают это использованием eval(),что по-настоящему плохая идея. Так код сложнее читать, сложнее находить ошибки(невозможно использование jslint), он медленнее выполняется и может привести к XSS. #объекты

Callback-функции Колбэк — это функция, которая должна быть выполнена после завершения выполнения другой функции. Такие функции необходимы, потому что многие действия JavaScript являются асинхронными. Это означает, что они на самом деле не останавливают выполнение программы (или функции) до тех пор, пока они не будут завершены. Данная статья поможет разобраться с колбэк-функциями. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Не очень комфортно заниматься сексом, когда твой телефон прослушивает Google 🤷 Или писать личную СМСку, когда каждое слово видит клавиатурный шпион. Приватности больше нет. Крупные поисковики в открытую залазят к нам в трусы ради прибыли, и только 5-10% пользователей знают, как этому противопостоять. Для тех, кому не наплевать на свою безопасность в сети, есть канал «Отдел К». Как понять, что ваш смартфон хотели взломать? Какие 3 настройки отключить, чтобы избавиться от прослушки? Как по любому сообщению узнать точное гео собеседника? Осторожно, после подписки вам захочется удалить все соцсети: @cyber_cabb

Быстрая сортировка QuickSort — это алгоритм «разделяй и властвуй». Он выбирает элемент в качестве опорного элемента и разбивает заданный массив вокруг выбранного опорного элемента. Существует много разных версий quickSort, которые по-разному выбирают точку опоры. Данная статья поможет разобраться с алгоритмом. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Module Federation Module Federation позволяет загружать отдельно скомпилированные приложения во время выполнения. Кроме того, ты можешь делиться общими зависимостями. Это также позволяет обмениваться общими данными, такими как информация о текущем пользователе или глобальные фильтры. В данной статье автор рассказывает про Module Federation. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

В телеге появился канал, где платят за вёрстку макетов Figma. Нет, это не прикол. На канале каждый день публикуются макеты сайтов в Figma. Верстаешь их, сдаёшь и получаешь свои деньги. Подробности в закрепе. Залетай, пока не поздно!

Операторы === и !== Всегда используйте === и !== вместо == и !=. == не является транзитивным. Если вы используете === , то оно как и ожидалось будет возвращать false для всех вышеперечисленных случаев. #полезно

Малоизвестные API Делимся статьей, посвященной 4 малоизвестным API. Это Page Visibility, Web Share, Broadcast Channel и Internationalization. Ты узнаешь, что они из себя представляют, где ты их можешь использовать и как использовать. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с аргументами функции Вам не нужно определять параметры для функции. Вы можете просто использовать массиво-подобный объект функции argument. #функции #полезно