Subscribe精品文章

• 

  RxJs 核心概念之Observable

  ...(); }, 1000); }); 為得到observable推送的值，我們需要訂閱（subscribe）這個(gè)Observable： var observable = Rx.Observable.create(function (observer) { observer.next(1); observer.next(2); observer.next(3); setTim...

  forrest23 2019-08-19 18:14 評(píng)論0 收藏0
• 

  通俗的方式理解RxJS

  ...create(observer => { console.log(Hello); observer.next(42); }); foo.subscribe(x => console.log(x)); foo.subscribe(y => console.log(y)); 輸出 Hello 42 Hello 42 這里可以把foo想象成一個(gè)函數(shù)，這意味著你每次調(diào)用foo都會(huì)導(dǎo)致傳入R...

  jzzlee 2019-08-20 14:31 評(píng)論0 收藏0
• 

  從命令式到響應(yīng)式（三）

  ...); observer.complete(); },1000); }); console.log(just before subscribe); // 通過(guò) subscribe 方法來(lái)獲取 observable 上的值 observable.subscribe({ next: x => console.log(got value + x), er...

  k00baa 2019-08-23 11:39 評(píng)論0 收藏0
• 

  [譯]RxJS文檔03——剖析Observable

  ...，可以 創(chuàng)建（created） Observable流。Observer則可以 訂閱（subscribed） 這個(gè)流。通過(guò) 執(zhí)行（execute） next()、error()和complete()可以向訂閱者推送不同的通知。之后，執(zhí)行過(guò)程可能被 處理掉（disposed） 。這四個(gè)方面都被集成在Observable實(shí)...

  netScorpion 2019-08-20 17:30 評(píng)論0 收藏0
• 

  rxjs簡(jiǎn)介

  ...rvable類(lèi)似于函數(shù)聲明 var observable = Rx.Observable.create(function subscribe(observer) { var id = setInterval(() => { observer.next(hi) }, 1000) }); subscribe類(lèi)似于函數(shù)調(diào)用(類(lèi)似于function.call),調(diào)用時(shí)傳入回調(diào)函數(shù)ob...

  cnsworder 2019-08-23 12:08 評(píng)論0 收藏0
• 

  【rxjs5.x】filter操作符

  ...00 ) .debounce(( ) => Rx.Observable.fromEvent(document, click)) .subscribe(x => console.log( x )); debounceTime 防抖動(dòng)，一段時(shí)間內(nèi)，只取最新數(shù)據(jù)進(jìn)行發(fā)射，其他數(shù)據(jù)取消發(fā)射。 // 每隔一秒，輸出一個(gè)計(jì)時(shí)器的值 Rx.Observable.interval( 1000...

  Forelax 2019-08-26 11:45 評(píng)論0 收藏0
• 

  Rxjs 核心概念

  ...nt.querySelector(button); Rx.Observable.fromEvent(button, click) .subscribe(() => console.log(Clicked)); 純度 使用不純的函數(shù)時(shí)，函數(shù)可能會(huì)改變外部數(shù)據(jù)的狀態(tài)，比如： var count = 0; var button = document.querySelector(bu...

  Youngdze 2019-08-26 11:38 評(píng)論0 收藏0
• 

  [譯]RxJS06——Subject

  ...ct就是一個(gè)Observable流。 對(duì)于給定的Subject，你可以訂閱它(subscribe)，提供一個(gè)Observer，之后將會(huì)正常的接收傳遞來(lái)的數(shù)據(jù)。從Observer的角度來(lái)說(shuō)，它是無(wú)法分辨一個(gè)流中的值是來(lái)源于單一廣播機(jī)制的Observable流還是一個(gè)Subject流。 在S...

  gitmilk 2019-08-20 17:29 評(píng)論0 收藏0
• 

  RxJS 核心概念之Subject

  ...個(gè)Observable（可觀察對(duì)象） 對(duì)于一個(gè)Subject，你可以訂閱（subscribe）它，Observer會(huì)和往常一樣接收到數(shù)據(jù)。從Observer的視角看，它并不能區(qū)分自己的執(zhí)行環(huán)境是普通Observable的單路推送還是基于Subject的多路推送。 Subject的內(nèi)部實(shí)現(xiàn)中...

  weij 2019-08-19 18:15 評(píng)論0 收藏0
• 

  理解 React 輕量狀態(tài)管理庫(kù) Unstated

  ...件，向應(yīng)用中注入狀態(tài)管理實(shí)例，可做數(shù)據(jù)的初始化。 Subscribe：本質(zhì)上是Consumer，獲取狀態(tài)管理實(shí)例，在Container實(shí)例更新?tīng)顟B(tài)的時(shí)候強(qiáng)制更新視圖。 簡(jiǎn)單的例子 我們拿最通用的計(jì)數(shù)器的例子來(lái)看unstated如何使用，先明確一下結(jié)...

  Profeel 2019-08-23 16:49 評(píng)論0 收藏0
• 

  RxJS Observables vs Promise 之簡(jiǎn)單對(duì)比

  ...寫(xiě)為observables的寫(xiě)法，使用 next 替代 promise 的 resolve， 用subscribe 取代then來(lái)訂閱結(jié)果。 const Observable = require(rxjs/Observable).Observable; const numberObservable = new Observable((observer) => { observer....

  klivitamJ 2019-05-23 16:28 評(píng)論0 收藏0
• 

  RxJS Observable - 一個(gè)奇特的函數(shù)

  ...var foo = Rx.Observable.create(() => { console.log(process...) }) foo.subscribe() // 輸出： // process... 上例中，通過(guò) Rx.Observable.create() 來(lái)創(chuàng)建 Observable 對(duì)象，將同樣將一段代碼邏輯封裝到 Observable 對(duì)象 foo 中，然后通過(guò) foo....

  omgdog 2019-08-21 16:46 評(píng)論0 收藏0
• 

  JS設(shè)計(jì)模式之Obeserver（觀察者）模式、Publish/Subscribe（發(fā)布/訂閱）模式

  ...rver(name, subject) { this.name = name; this.subject = subject; this.subscribe(this.subject); } Observer.prototype.update = function(context) { console.log(observer: + this.name + content:...

  荊兆峰 2019-08-26 13:37 評(píng)論0 收藏0