升级Angular/RxJS 6后Observable的skip操作符消失，求替代方案

嗨，别担心，这个问题是RxJS 6版本带来的操作符使用方式变更导致的，很容易解决！

在RxJS 5及更早版本中，我们习惯直接在Observable实例上调用操作符，比如obs.skip(n)，但RxJS 6为了优化打包体积（支持树摇），把所有的操作符都改成了**可管道（pipeable）**的形式，不再挂载在Observable的原型链上了。

具体的解决步骤如下：

• 第一步：导入skip操作符
  你需要从rxjs/operators中单独导入skip操作符：

  import { skip } from 'rxjs/operators';
  

• 第二步：通过pipe方法使用操作符
  不再直接调用Observable实例的skip方法，而是把skip作为参数传入Observable的pipe方法中，示例代码如下：

  // 假设你有一个Observable源
  const data$ = someService.getData();
  
  // RxJS 5的写法（RxJS 6不再支持）
  // const skippedData$ = data$.skip(1);
  
  // RxJS 6的正确写法
  const skippedData$ = data$.pipe(skip(1)); // 跳过第一个值
  

给你一个完整的Angular组件示例，更直观地看用法：

import { Component, OnInit } from '@angular/core';
import { of } from 'rxjs';
import { skip } from 'rxjs/operators';

@Component({
  selector: 'app-demo',
  template: '<p>查看控制台输出</p>'
})
export class DemoComponent implements OnInit {
  ngOnInit(): void {
    const source$ = of('第一个值', '第二个值', '第三个值', '第四个值');
    // 跳过前2个值，只输出后面的
    source$.pipe(skip(2)).subscribe(val => console.log(val));
  }
}

需要注意的是，RxJS 6中所有的操作符（比如map、filter、take等）都需要遵循这种导入+pipe调用的模式，这样webpack等打包工具就能摇掉你没用到的操作符，减小最终打包文件的体积。

内容的提问来源于stack exchange，提问作者mvcNewbie