在编写前端代码时，经常会使用回调函数来获取异步操作的结果。这些回调函数可能在不同的地方被调用，我们需要一种方法来存储它们，并在需要时取出使用。npm 包 callback-store 就是一个可以帮助我们管理回调函数的工具。
安装
在使用 callback-store 之前，需要先安装它。在终端中执行以下命令：
npm install --save callback-store
基本用法
我们可以使用 callback-store 来保存和获取回调函数。以下是一个简单的例子：
-- -------------------- ---- ------- ----- ------------- - ------------------------- -- ------ ----- ---------- - -------------------------------- -- - ----------------- --------- --------- -- -- --------- ----- -------- - ------------------------------------- ---------------- --------
callback-store 的 addCallback 方法会返回一个回调 ID，我们可以用它来获取回调函数。我们也可以在添加回调函数时指定一个可选的上下文对象，这样在回调函数中就可以使用上下文对象中的属性和方法了。
-- -------------------- ---- ------- ----- ------------- - ------------------------- ----- ------- - - ------ ------- - ----- ---------- - ---------------------------------------- - --------------------------- ---------- -- -------- ----- -------- - ------------------------------------- -----------------
高级用法
callback-store 还提供了一些高级用法，包括：
删除回调函数
我们可以使用 removeCallback 方法删除一个回调函数。需要注意，删除后该回调函数对应的 ID 就会失效，不能再用于获取回调函数了。
const callbackStore = require('callback-store')
const callbackId = callbackStore.addCallback(() => {
console.log('This is a callback')
})
callbackStore.removeCallback(callbackId)清空所有回调函数
有时候我们希望清空 callback-store 中所有的回调函数。这时可以使用 clearAllCallbacks 方法。
const callbackStore = require('callback-store')
callbackStore.addCallback(() => {})
callbackStore.addCallback(() => {})
callbackStore.clearAllCallbacks()遍历回调函数
如果我们希望迭代遍历 callback-store 中的所有回调函数，可以使用 forEach 方法。
const callbackStore = require('callback-store')
callbackStore.addCallback(() => {})
callbackStore.addCallback(() => {})
callbackStore.forEach((callback, id) => {
console.log(`Callback ${id}: ${callback}`)
})总结
callback-store 可以让我们更方便地管理回调函数。我们可以使用它来存储、获取、删除、清空和遍历回调函数。它在异步编程中有很大的作用，值得我们学习和使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c91ccdc64669dde5940