Promise и Observables в Angular

RedDeveloper
22.01.2023 08:35
Promise и Observables в Angular

Здесь мы рассмотрим основные различия между обещаниями и наблюдаемыми таблицами на примере.

Promises и observables используются для обработки асинхронных операций в Angular, но у них есть несколько ключевых различий.

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

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

Обещания проще понять и использовать для простых асинхронных операций, но наблюдаемые таблицы более мощные и гибкие для обработки сложных сценариев.

Вот пример обещания:

пример observable:

import { interval } from 'rxjs';

import { interval } from 'rxjs'

Вывод консоли :

'Hello' выводится один раз как единственное значение, а наблюдаемые выводят (0,1,2...) несколько значений при интервальном выполнении.

'Hello' выводится один раз как единственное значение а наблюдаемые выводят (012)

В целом, Promises более просты в использовании и работают с одним значением, в то время как observables предоставляют более продвинутые возможности и работают с несколькими значениями, выдаваемыми с течением времени.

Спасибо за прочтение!

Пожалуйста, следите за мной, чтобы продолжать учиться.

Шаблоны Angular PrimeNg
Шаблоны Angular PrimeNg

26.01.2023 14:14

Как привнести проверку типов в наши шаблоны Angular, использующие компоненты библиотеки PrimeNg, и настроить их отображение с помощью встроенной функции ngTemplateOutlet.

Создайте ползком, похожим на звездные войны, с помощью CSS и Javascript
Создайте ползком, похожим на звездные войны, с помощью CSS и Javascript

26.01.2023 13:19

Если вы веб-разработчик (или хотите им стать), то вы наверняка гик и вам нравятся "Звездные войны". А как бы вы хотели, чтобы фоном для вашего следующего сайта послужил начальный эпизод "Звездных войн"? 😁

Документирование API с помощью Swagger на Springboot
Документирование API с помощью Swagger на Springboot

26.01.2023 09:43

В предыдущей статье мы уже узнали, как создать Rest API с помощью Springboot и MySql .

Начала с розового дизайна
Начала с розового дизайна

25.01.2023 11:01

Pink Design - это система дизайна Appwrite с открытым исходным кодом для создания последовательных и многократно используемых пользовательских интерфейсов.

Шлюз в PHP
Шлюз в PHP

25.01.2023 10:51

API-шлюз (AG) - это сервер, который действует как единая точка входа для набора микросервисов.

14 Задание: Типы данных и структуры данных Python для DevOps
14 Задание: Типы данных и структуры данных Python для DevOps

25.01.2023 09:17

проверить тип данных используемой переменной, мы можем просто написать: your_variable=100