Простой JavaScript
5.49K subscribers
1.61K photos
1 video
53 links
JavaScript человеческим языком.
Аудитория: Frontend разработчики, верстальщики, люди, интересующиеся языком программирования JavaScript.

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

Канал на бирже: telega.in/channels/simple_js/card?r=-Cl9H

Perfluence
Download Telegram
fetch()

Позволяет делать сетевые запросы и получать данные с сервера.

#функции
Вызов функции

Функция greet вызывается с аргументом "Алиса", и результат сохраняется в переменной message.

#функции
Наследование классов

Здесь Dog наследует от Animal. Метод speak переопределен в классе Dog, чтобы изменить поведение.

#классы
Использование конструктора родительского класса

Ключевое слово super используется для вызова конструктора родительского класса.

#классы
Использование классов в массиве

Мы создаем массив объектов класса Product и вычисляем общую стоимость продуктов с помощью метода reduce.

#классы
Использование класса для работы с элементами DOM

Класс DOMHelper содержит методы для скрытия и отображения элементов на веб-странице.

#классы
Обработка асинхронных ошибок с async/await

При работе с асинхронными операциями, такими как fetch, async/await позволяют ловить и обрабатывать ошибки в асинхронном коде так же, как в синхронном.

#обработкаошибок
Использование console.assert() для проверок

Метод console.assert() используется для проверки утверждений. Если утверждение ложно, он выводит сообщение об ошибке в консоль.

#обработкаошибок
Использование finally для кода, выполняемого всегда

Блок finally используется для кода, который должен быть выполнен независимо от того, произошла ошибка или нет.

#обработкаошибок
Использование async/await для обработки ошибок в асинхронной функции

Внутри async функции можно использовать try/catch для обработки ошибок, которые возникают при выполнении асинхронных операций.

#промисы
Параллельное выполнение промисов с Promise.all и async/await

Promise.all позволяет выполнить промисы параллельно, и затем мы ожидаем оба результата.

#промисы
Использование async/await для ожидания выполнения промиса

Функция doAsyncWork ожидает выполнения промиса и выводит его результат при успешном выполнении или ошибку при отклонении.

#промисы
Промис с отклонением и catch

Здесь промис отклоняется через 1 секунду, и мы ловим ошибку с помощью метода catch.

#промисы
Простой промис с resolve и then

В этом примере мы создаем промис, который успешно выполняется через 1 секунду и передает строку "Успех!" в функцию then.

#промисы
Простое наследование объектов

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

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

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

#объект
Геттер и сеттер для свойства

Геттеры и сеттеры позволяют управлять доступом к свойству и выполнить дополнительные действия при чтении или записи.

#объект
Заморозка объекта

Object.freeze() предотвращает изменение свойств объекта.

#объект
Проверка наличия свойства

in оператор позволяет проверить, существует ли свойство в объекте.

#объект
Изменение значения свойства

Существующее свойство объекта может быть изменено путем присвоения нового значения.

#объект