RxJS5 和 RxJS6 之间的区别
RxJS（响应式编程的 JavaScript 实现）是一种将异步和事件基础编程风格结合在一起的编程模式。它提供了一种先进的且精确的方法，以便我们可以用 JavaScript 代码来处理异步和事件。
RxJS5 是 RxJS 的一个重要版本，它是一个强大的工具，可以让你在任何一个 JavaScript 应用程序中实现响应式编程。
在 RxJS5 中，我们可以使用 Rx.Observable.create() 创建一个可观察对象，并使用 .subscribe() 方法进行订阅。
下面是一个简单的 RxJS5 示例代码：
// javascriptcn.com 代码示例
var observable = Rx.Observable.create(function(observer) {
observer.next(1);
observer.next(2);
observer.next(3);
setTimeout(() => {
observer.next(4);
observer.complete();
}, 1000);
});
console.log('开始订阅');
observable.subscribe({
next: x => console.log(x),
error: err => console.log(err),
complete: () => console.log('完成')
});以上代码创建了可观察对象 observable，并使用 .subscribe() 方法进行订阅。在订阅期间，我们可以通过 next、error 和 complete 方法来对数据流进行操作。如果订阅中的数据流结束，complete 方法将会被调用。
RxJS6 在功能方面还是和 RxJS5 一样，但与 RxJS5 相比，RxJS6 进行了一些重大的更改。以下是 RxJS6 相对于 RxJS5 的区别：
- RxJS6 使用了一种新的导入方式。在 RxJS6 中，我们需要用以下方式导入 RxJS 的模块：
import { Observable } from 'rxjs';
import { map, filter, scan } from 'rxjs/operators';在 RxJS5 中，我们可以使用 create 方法来创建可观察对象，但在 RxJS6 中，我们必须使用 Observable.create() 方法来创建可观察对象。
RxJS6 删除了很多操作符并优化了其它操作符。例如，RxJS6 将 RxJS5 中的 .do() 操作符更改为 .tap()。
RxJS6 默认使用 .pipe() 方法对操作符进行组合。.pipe() 方法可以更好地让代码变得更加简洁和可读。
下面是一个简单的 RxJS6 示例代码：
// javascriptcn.com 代码示例
import { Observable } from 'rxjs';
import { map, filter } from 'rxjs/operators';
const observable = new Observable(observer => {
observer.next(1);
observer.next(2);
observer.next(3);
setTimeout(() => {
observer.next(4);
observer.complete();
}, 1000);
});
console.log('开始订阅');
observable.pipe(
filter(num => num > 2),
map(num => num * 2)
).subscribe(val => console.log(val));以上代码创建了可观察对象 observable，并使用 .subscribe() 方法进行订阅。在这个订阅期间，我们使用 .pipe() 方法来组合操作符 filter 和 map，以对数据流进行操作。
由此我们可以看出，RxJS6 在使用方面更加简洁可读。同时 RxJS6 对许多操作符进行了重构和优化，提供了更好的性能和更完善的操作符库。
总结：
通过对比 RxJS5 和 RxJS6 的区别，我们可以看出，RxJS6 比 RxJS5 更简洁、可读性更高，并且在操作符方面进行了优化和完善。因此，我们应该尽快学习并开始使用 RxJS6 来提高我们的编程效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654f32087d4982a6eb82e9f2