在 RxJS 中，除了常见的 filter、map、reduce 等操作符，还有一些非常实用的操作符，例如 take 和 takeLast。这两个操作符用于限制 observable 流中的数据数量，可有效优化前端应用的性能和用户体验。
take 操作符
take 操作符用于从 observable 流中取出指定数量的数据，然后停止观察。例如，假设有一个从服务器实时获取数据的 observable 流：
const observable = interval(1000);
如果我们只需要观察此流中前 5 次数据，可以使用 take 操作符：
const observable = interval(1000).pipe( take(5) );
这样，observable 流会在取得前 5 次数据后自动停止。
takeLast 操作符
takeLast 操作符则用于从 observable 流中取出最后几个数据。例如，假设有一个从服务器获取数据的 observable 流：
const observable = ajax('/api/data');我们可以使用 takeLast(3) 操作符，取出结果集合中的最后 3 条数据：
const observable = ajax('/api/data').pipe(
map(response => response.data),
takeLast(3)
);这样，observable 流会在取得最后 3 条数据后自动停止。
示例代码
-- -------------------- ---- ------- ------ - -------- - ---- ------- ------ - ----- -------- - ---- ----------------- -- --- - ---- ---------- - ----- ----------- - -------------------- ------- -- --------------------------- -- -------------------- -- - - - - - -- --- - ---- ---------- - ----- ----------- - -------------------- ----------- -- --------------------------- -- -------------------- -- --- --- ---
总结
take 和 takeLast 操作符，可以有效提高前端应用的性能和用户体验。使用这两个操作符，可以简化流的处理逻辑，以及避免大量数据在浏览器中占用资源。当应用需要处理大量数据流的时候，一定要记得使用这两个操作符来优化代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64536d50968c7c53b07d262a