rxjs全域命名空間

標籤：alpha   active   subject   空間   rom   global   log   ===   activex   

通常我們學習某個js庫的功能時，我們會直接在html中用script引入該js庫來寫一些demo。筆者在學習rxjs時，用script標籤引入時，就掉到了坑裡。

 

從6.0.0-alpha.4版本起，（目前版本為6.3.0）全域命名空間為rxjs，使用方法如下：

<script src="https://cdn.bootcss.com/rxjs/6.0.0-alpha.4/rxjs.umd.js"></script>

 

<script>

       /*

       * https://github.com/ReactiveX/rxjs

       * The global namespace for rxjs is rxjs

       */

 

       const { Observable, Subject, ReplaySubject, from, of, range } = rxjs;

       const { map, filter, switchMap } = rxjs.operators;

 

       range(1, 200)

              .pipe(

                     filter(x => x % 2 === 1),

                     map(x => x + x)

              )

              .subscribe(x => console.log(x));

</script>

 

而6.0.0-alpha.4版本以前（截至6.0.0-alpha.3），全域命名空間為Rx，使用樣本：

<script src="https://cdn.bootcss.com/rxjs/6.0.0-alpha.3/Rx.min.js"></script>

 

var observable = Rx.Observable.interval(1000);

var subscription = observable.subscribe(x => console.log(x));

 

setTimeout(()=>{

    subscription.unsubscribe();

},3000)

rxjs全域命名空間