Top-level await

Мотивация для внедрения этой функции заключалась в том, что когда вы импортируете модуль (import) с асинхронной (async) функцией, выходные данные этой асинхронной функции не определены (undefined).

// awaiting.mjs
import { process } from "./some-module.mjs";
const dynamic = import(computedModuleSpecifier);
const data = fetch(url);
export const output = process((await dynamic).default, await data);

Представим себе два файла. Выходные данные (output) могут быть неопределенными (undefined), если они вызываются прежде чем выполнены Promises tasks.

// usage.mjs
import { output } from "./awaiting.mjs";
export function outputPlusValue(value) { return output + value }
console.log(outputPlusValue(100));
setTimeout(() => console.log(outputPlusValue(100), 1000);

usage.mjs не выполнит ни одного из утверждений в нем, пока await'ы в awaiting.mjs не дождутся разрешения своих Promises.

JavaScript test | ChatGPT

Использование Object Destructuring

Деструктуризация объектов позволяет извлекать значения свойств объекта в отдельные переменные.

JavaScript test | ChatGPT

🧩Что будет на выходе?

Ответ: [1, 2, 3, 4, 5]

JavaScript test | ChatGPT

Защищенные (protected) свойства

Использование _ перед именем свойства сигнализирует, что оно должно быть рассмотрено как защищенное и не должно изменяться напрямую.

JavaScript test | ChatGPT

Клонирование объекта

С помощью оператора расширения (...) можно создать поверхностную копию объекта.

JavaScript test | ChatGPT

❓Что будет на выходе?

Ответ: 8

JavaScript test | ChatGPT

Использование Event Delegation для обработки событий

Event Delegation позволяет обрабатывать события на родительском элементе, вместо назначения обработчиков на каждый дочерний элемент отдельно.

JavaScript test | ChatGPT

Использование метода bind() для установки контекста функции

Метод bind() используется для создания новой функции с определенным контекстом выполнения.

JavaScript test | ChatGPT

❓Что будет на выходе?

Ответ: 1 2 3

avaScript test | ChatGPT

Использование метода bind() для установки контекста функции

Метод bind() используется для создания новой функции с определенным контекстом выполнения.

JavaScript test | ChatGPT

🧠Что будет на выходе?

Ответ: 15

JavaScript test | ChatGPT

🧩Что будет на выходе?

Ответ: 1

JavaScript test | ChatGPT

Открытое собеседование на Frontend разработчика

Привет! Это Эйч Навыки — команда разработчиков из бигтеха. Мы помогаем фронтенд-разработчикам апнуть грейд, сменить компанию или перейти с другого стека.

3 апреля в 19:30 по мск приходи онлайн на Открытое собеседование от Эйч Навыков. Это классная возможность узнать, чего ждут от кандидатов на middle-позиции и как подготовиться к собесу, чтобы получить оффер 👀

Как это будет:
1. Дима Дорофеев, тимлид в канадском стартапе Truv Inc, ex-VK и ментор Навыков, задаст реальные вопросы разработчику-добровольцу

2. Потом Дима даст подробную обратную связь: объяснит, зачем задавал тот или иной вопрос, как лучше на него ответить или решить задачу

3. В конце можно будет задать Диме любой вопрос о трудоустройстве, менторстве или фронтенде

Что узнаешь на Открытом собеседовании:
- Чего ждут от кандидатов на мидл-позиции во фронтенде
- Какие вопросы задают на интервью и зачем
- Как подготовиться к собесу, чтобы получить заветный оффер

Это бесплатно?
Бесплатно

Просто зарегистрируйся на открытое собеседование в нашем боте: @skills_mentee_bot

Реклама: ООО “Эйч Карьера” erid: LjN8KETkF

🔨Что будет на выходе?

Ответ: 1

JavaScript test | ChatGPT

Использование Map для хранения ключ-значение

Объект Map предоставляет структуру для хранения уникальных ключей и связанных с ними значений.

JavaScript test | ChatGPT

🔥Что будет на выходе?

Ответ: ["a", "b", "c"]

JavaScript test | ChatGPT

Удалить из массива повторяющиеся элементы

С помощью Set:

const array = [1, 2, 2, 3, 1, 5];
const unique = [...new Set(array)];
console.log(unique); // [1, 2, 3, 5];

С помощью метода массива filter:

const array = [1, 2, 2, 3, 1, 5];
const unique = array.filter((value, index) => {
return array.indexOf(value) === index;
});
console.log(unique); // [1, 2, 3, 5]

JavaScript test | ChatGPT

Бесит часами искать подходящие скрипты?

Конечно, ведь в сети полно различных источников. Зато в Telegram достаточно одного канала – Сайтодел

Зашел – подписался ✔️ – и сразу применил в своём проекте!

Работа с объектом FormData для отправки данных формы

Объект FormData упрощает сбор и отправку данных формы на сервер.

JavaScript test | ChatGPT

🧩Что будет на выходе?

Ответ: undefined

JavaScript test | ChatGPT