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

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc
Download Telegram
Использование JavaScript FinalizationRegistry для управления ресурсами

FinalizationRegistry предоставляет механизм для финализации ресурсов (например, освобождение памяти), когда объект больше не используется.

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

Ответ: 11, 0

JavaScript test
Использование функции Function.prototype.toString для получения исходного кода функции

Метод toString преобразует функцию в строку, включая её исходный код.

JavaScript test
Использование JavaScript WebAssembly для выполнения кода, написанного на других языках

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

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

Ответ: undefined

JavaScript test
Использование функции Object.freeze для замораживания объекта

Object.freeze предотвращает добавление, удаление или изменение свойств объекта, делая его немутабельным.

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

Ответ: 10, 20

JavaScript test
Использование функции Function.prototype.bind для фиксации контекста и аргументов

Функция bind создает новую функцию, фиксируя указанный контекст и аргументы, что удобно для создания частично примененных функций.

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

Ответ: 10

JavaScript test
Применение функций встроенных массивов

Методы массивов, такие как map, reduce и filter, предоставляют удобные способы обработки и манипулирования данными в массивах.

JavaScript test
Использование функции Object.seal для запечатывания объекта

Object.seal предотвращает добавление и удаление свойств объекта, но позволяет изменять существующие свойства.

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

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

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

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

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

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

Ответ: x = 1

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

Ответ: Ошибка

JavaScript test
Использование функции Object.values для получения значений объекта

Object.values возвращает массив значений свойств объекта.

JavaScript test
Использование функции Object.entries для получения пар ключ-значение из объекта

Object.entries возвращает массив пар ключ-значение из объекта. В данном случае, вывод будет подобен [['name', 'Eve'], ['age', 28], ['occupation', 'Engineer']]. Это может быть полезным при итерации по свойствам объекта.

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

Ответ: false

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

Ответ: object

JavaScript test
Работа с графикой: использование библиотеки Canvas для рисования и визуализации данных

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

Canvas - это элемент HTML5, который позволяет рисовать графику с помощью JavaScript. Он предоставляет API для создания и управления контекстом рисования, на котором можно рисовать линии, фигуры, текст и многое другое.

В данном примере мы получаем контекст рисования Canvas с помощью метода getContext(). Затем мы используем методы контекста, такие как fillRect() для рисования прямоугольника, stroke() для рисования линии и fillText() для рисования текста.

Мы также можем устанавливать различные свойства контекста, такие как цвет заливки (fillStyle), цвет обводки (strokeStyle), толщина линии (lineWidth) и шрифт (font).

JavaScript test
Работа с локализацией: перевод и форматирование текста на разных языках

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

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

В данном примере мы создаем объект Intl с помощью конструктора new Intl.NumberFormat(). Мы указываем язык и регион (в данном случае 'en-US' для английского языка в США) и опции форматирования (в данном случае стиль 'currency' и валюту 'USD').

Затем мы используем метод format() объекта Intl для форматирования числа amount в соответствии с указанными опциями. В данном примере мы форматируем число в денежный формат.

JavaScript test