JavaScript test
9.55K subscribers
3.13K photos
17 videos
4.83K links
Javascript и все что с ним связано

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc
Download Telegram
🧩Что будет на выходе?

Ответ: 10

JavaScript test | ChatGPT
Отобразить число с точностью до двух знаков после запятой

const number = 100.32222;
console.log(number.toFixed(2)); // 100.32

JavaScript test | ChatGPT
WeakMaps

Самое интересное в использовании WeakMaps для хранения наших личных данных заключается в том, что их ключи не выдают имена свойств, которые можно увидеть с помощью Reflect.ownKeys()

Практичным примером использования WeakMaps является хранение данных, связанных с элементом DOM

JavaScript test | ChatGPT
Использование Proxy для валидации объектов

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

JavaScript test | ChatGPT
❓Что будет на выходе?

Ответ: 5 6

JavaScript test | ChatGPT
Манипуляция с элементами страницы: создание, удаление и изменение HTML-элементов

Манипуляция с элементами страницы - это важная часть разработки веб-приложений, которая позволяет создавать, удалять и изменять HTML-элементы динамически с помощью JavaScript. Это особенно полезно при обновлении содержимого страницы без перезагрузки.

В данном примере мы создаем новый элемент div с текстом "Новый элемент" и классом "my-class". Затем мы добавляем этот элемент в конец body документа с помощью метода appendChild(). Мы также изменяем содержимое элемента с помощью свойства textContent и стилизуем его, устанавливая значение свойства backgroundColor.

Через 3 секунды мы удаляем элемент с помощью метода remove(). Это демонстрирует возможность удаления элементов из документа.

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

JavaScript test | ChatGPT
Использование иммутабельности для предотвращения неожиданных изменений данных

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

JavaScript test | ChatGPT
Оператор in

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

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

JavaScript test | ChatGPT
🔥Что будет на выходе?

Ответ: ReferenceError

JavaScript test | ChatGPT
Работа с датами и временем: использование объекта Date и библиотек для работы с датами

Работа с датами и временем является неотъемлемой частью разработки веб-приложений, особенно при работе с расписаниями, сроками и другими временными данными. Для работы с датами в JavaScript мы можем использовать встроенный объект Date, который предоставляет функциональность для работы с датами и временем.

В данном примере мы создаем объект Date с помощью конструктора new Date(), который инициализирует его текущей датой и временем.

Затем мы используем различные методы объекта Date, такие как getFullYear(), getMonth(), getDate(), getHours(), getMinutes() и getSeconds(), чтобы получить текущие значения года, месяца, дня, часа, минуты и секунды.

Мы также форматируем дату и время, используя шаблон строки и значения, полученные от объекта Date. В данном примере мы форматируем дату в формате "день.месяц.год" и время в формате "часы:минуты:секунды".

JavaScript test | ChatGPT
Использование Promise.resolve для создания успешного промиса

Promise.resolve создает успешный промис с указанным значением.

JavaScript test | ChatGPT
❓Что будет на выходе?

Ответ: 10

JavaScript test | ChatGPT
🔥Что будет на выходе?

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

JavaScript test | ChatGPT
Использование WebAssembly для выполнения высокопроизводительного кода в браузере

WebAssembly — это бинарный формат инструкций, предназначенный для выполнения в веб-браузерах, что позволяет запускать высокопроизводительные приложения, написанные на языках, таких как C или C++, в браузере.

JavaScript test | ChatGPT
❕Что будет на выходе?

Ответ: 0

JavaScript test | ChatGPT
Ожидание выполнения промисов в определенной последовательности

Здесь мы обеспечиваем выполнение промисов в порядке итерации по массиву promises.

JavaScript test | ChatGPT
Ожидание выполнения промиса с таймаутом

Promise.race ожидает первого выполненного промиса и может использоваться для установки временного ограничения.

JavaScript test | ChatGPT
Использование Object Destructuring для извлечения значений из объектов

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

JavaScript test | ChatGPT
🧠Что будет на выходе?

Ответ: 10

JavaScript test | ChatGPT
❔Что будет на выходе?

Ответ: undefined

JavaScript test | ChatGPT