{"id":332090,"date":"2022-04-19T09:00:20","date_gmt":"2022-04-19T09:00:20","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=332090"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=332090","title":{"rendered":"\u0417\u0430\u0447\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c materialize \u0438 dematerialize \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u044b, \u0438 \u0447\u0442\u043e \u0442\u0430\u043a\u043e\u0435 Notification \u0432 RxJS?<\/span>"},"content":{"rendered":"
<\/div>\n
\n
\n
\n
\n
<\/figcaption><\/figure>\n

\u0412\u044b \u043a\u043e\u0433\u0434\u0430-\u043d\u0438\u0431\u0443\u0434\u044c \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u043b\u0438 \u0442\u0430\u043a\u0438\u0435 \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u044b, \u043a\u0430\u043a materialize<\/strong> \u0438 dematerialize<\/strong> \u0432 RxJS? \u0410 \u0447\u0442\u043e \u043d\u0430\u0441\u0447\u0435\u0442 \u043a\u043b\u0430\u0441\u0441\u0430 Notification? \u0412\u0435\u0440\u043e\u044f\u0442\u043d\u043e, \u043c\u043d\u043e\u0433\u0438\u0435 \u0441\u043b\u044b\u0448\u0430\u043b\u0438, \u043d\u043e \u043d\u0435 \u0434\u043e \u043a\u043e\u043d\u0446\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u043b\u0438, \u0433\u0434\u0435 \u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u0442\u044c \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435.<\/p>\n

\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u044e\u0442 \u044d\u0442\u0438 \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u044b \u0438 \u043f\u0440\u0438\u0432\u0435\u0434\u0443 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c \u0432\u0430\u043c \u043c\u043e\u0433\u0443\u0442 \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u044c\u0441\u044f.<\/p>\n

\u041e\u0434\u043d\u0430\u0436\u0434\u044b, \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0430 \u0440\u0430\u0434\u0438, \u044f \u043f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u043b\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e RxJS \u0438 \u0437\u0430\u043c\u0435\u0442\u0438\u043b\u0430 \u0440\u0430\u043d\u0435\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u043d\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u044b: materialize \u0438 dematerialize. \u041f\u0435\u0440\u0432\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443 \u043c\u0435\u043d\u044f \u0432\u043e\u0437\u043d\u0438\u043a: \u0430 \u0433\u0434\u0435 \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435?<\/p>\n

\u0420\u0430\u0437\u0431\u0435\u0440\u0435\u043c\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435?<\/p>\n

Materialize<\/h2>\n

\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0432\u0441\u043f\u043e\u043c\u043d\u0438\u043c, \u043a\u0430\u043a\u0438\u0435 \u0442\u0438\u043f\u044b \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043c\u043e\u0436\u0435\u0442 \u044d\u043c\u0438\u0442\u0438\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442 \u0442\u0438\u043f\u0430 Observable: \u044d\u0442\u043e next, error \u0438 complete. \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u043f\u043e\u043c\u043d\u0438\u0442\u0435, \u0447\u0442\u043e \u044d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442, \u0437\u0434\u0435\u0441\u044c<\/a> \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0447\u0438\u0442\u0430\u0442\u044c.
\u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0438 \u043f\u0440\u043e observer<\/a>, \u043d\u0430\u0431\u043e\u0440 \u043a\u043e\u043b\u043b\u0431\u044d\u043a\u043e\u0432 (onNext, onError, onComplete), \u0442\u043e\u0436\u0435 \u0441\u043e\u0432\u0435\u0442\u0443\u044e \u0432\u0441\u043f\u043e\u043c\u043d\u0438\u0442\u044c.<\/p>\n

\u0412\u043e\u0442 \u0447\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0441\u044f \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u043e materialize \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u0435: \u00abA function that returns an Observable that emits\u00a0Notification\u00a0objects that wrap the original emissions from the source Observable with metadata<\/a>\u00bb.<\/p>\n

\u0421\u0438\u0433\u043d\u0430\u0442\u0443\u0440\u0430 \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u0430:
materialize<\/a><T>(): <\/strong>OperatorFunction<\/a><T, <\/strong>Notification<\/a><T> & <\/strong>ObservableNotification<\/a><T>><\/strong> <\/p>\n

\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f, materialize \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442<\/strong> \u043b\u044e\u0431\u043e\u0435 \u0438\u0441\u043f\u0443\u0441\u043a\u0430\u0435\u043c\u043e\u0435 observable \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435<\/strong> \u0432 \u043d\u0435\u043a\u0438\u0439 Notification<\/strong> \u043e\u0431\u044a\u0435\u043a\u0442 \u0438 \u044d\u043c\u0438\u0442\u0438\u0442 \u0435\u0433\u043e \u043a\u0430\u043a \u00abnext<\/strong>\u00bb.<\/p>\n

\u0427\u0435\u043c \u0437\u0434\u0435\u0441\u044c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f Notification<\/em><\/a>? \u042d\u0442\u043e \u043e\u0431\u0435\u0440\u0442\u043a\u0430 \u043d\u0430\u0434 observable \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u043e\u0441\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u043a \u043d\u0435\u043c\u0443 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u0435\u0442\u0430\u0434\u0430\u043d\u043d\u044b\u0435:<\/p>\n

class Notification<T> {   static createNext<T>(value: T)   static createError(err?: any)   static createComplete(): Notification<never> & CompleteNotification   constructor(kind: \"N\" | \"E\" | \"C\", value?: T, error?: any)   get hasValue: boolean   get kind: 'N' | 'E' | 'C'   get value?: T   get error?: any   observe(observer: PartialObserver<T>): void   do(nextHandler: (value: T) => void, errorHandler?: (err: any) => void, completeHandler?: () => void): void   accept(nextOrObserver: NextObserver<T> | ErrorObserver<T> | CompletionObserver<T> | ((value: T) => void), error?: (err: any) => void, complete?: () => void)   toObservable(): Observable<T> }<\/code><\/pre>\n
\u0411\u043e\u043b\u044c\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u043d\u0430\u0441 \u0437\u0434\u0435\u0441\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u0435\u0442 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e kind. <\/em>\u0418\u043c\u0435\u043d\u043d\u043e \u0432 \u043d\u0435\u043c \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u043f\u0435\u0440\u0432\u043e\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0442\u0438\u043f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f observable: N \u2014 next, E \u2014 error, C \u2014 complete.<\/p>\n
\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0440\u0430\u0431\u043e\u0442\u044b \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u0430:<\/p>\n
<\/figcaption><\/figure>\n
\u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435:<\/p>\n
of(\u201cone\u201d) \/\/ \u043f\u043e\u0442\u043e\u043a \u044d\u043c\u0438\u0442\u0438\u0442 \u043e\u0434\u043d\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0430\u0435\u0442\u0441\u044f .pipe(materialize()) \/\/ \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u043c \u0432 Notification object .subscribe(x => console.log(x)); \/\/ \u0432 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u043f\u043e\u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e \u043f\u0440\u0438\u043b\u0435\u0442\u0430\u0435\u0442 2 Notification  Output: {kind: \u201cN\u201d, value: \u201cone\u201d, error: undefined, hasValue: true} \/\/ Notification object {kind: \u201cC\u201d, value: undefined, error: undefined, hasValue: false} \/\/ Notification object<\/code><\/pre>\n
\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c\u0441\u044f:<\/p>\n