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 предоставляют более продвинутые возможности и работают с несколькими значениями, выдаваемыми с течением времени.

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

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?

20.08.2023 18:21

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в 2023-2024 годах? Или это полная лажа?".

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

20.08.2023 17:46

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox

19.08.2023 18:39

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в частности, магию поплавков и гибкость flexbox.

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

19.08.2023 17:22

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для чтения благодаря своей простоте. Кроме того, мы всегда хотим проверить самые последние возможности в наших проектах!

Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️

18.08.2023 20:33

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

Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL

14.08.2023 14:49

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип предназначен для представления неделимого значения.