异步编程~

1. 回调函数                                                                                                                                                

   asyncFn(callback){
       setTimeout(()=>{
           const name='wq';
           callback(name);
       })
   }
   callback(result){
       console.log(result)
   }

2. Promise 

   asyncFn(){
       new Promise((resolver)=>{
           setTimeout(()=>{
               const name='wq';
               resolver(name);
           })
       }).then((result)=>{
           console.log(result);
       })
   }

                                                                                          
3. async await

   async asyncFn(){
       let result=await ‘接口调用’;
       console.log(result);
   }

4. generator(*)  yield

   function *asyncFn(){
       let result = yield '接口调用';
   }

5. rxjs
   1. 异步编程 

      引入 Observable ，angular 内置
      import { Observable } from 'rxjs';
      asyncFn(){
          let count=0;
          let observer = new Observable((observe)=>{
              setTimeout(()=>{
                  count++;
                  observe.next(count);
              })
          }).subscribe((result)=>{})
      }

   2. 可以取消订阅

      observer.unsubscribe()

   3. 与 Promise 区别

      当计时器为 setInterval 间隔触发时，Promise 只触发一次，Observable 触发多次。

   4. 运算符

      引入运算符
      import { first, map, filter } from 'rxjs/operators';
      
      使用
      observe.pipe(filter(()=>{}),map(()={}))