当前位置：首页 > 资讯 > 技术文档

ES6记录异步函数的执行时间详解

时间：2021-11-21 16:18 编辑：来源：阅读：
扫一扫，手机访问

摘要：ES6记录异步函数的执行时间详解

[b]calc[/b] [code]calc [/code]是一个我们想要做剖析（性能分析）的异步函数。按照惯例，它的最后一个参数是一个[code]callback[/code]。我们像这样使用 [code]calc[/code]：

calc(arg, (err, res) => console.log(err || res))

或许，最简单的对 [code]calc [/code]这样的函数来剖析性能的方法是，增加一个计时逻辑到我们需要分析的地方：

const t0 = Date.now()
calc(arg, (err, res) => {
 const t1 = Date.now() 
 console.log(`Log: time: ${t1 = t0}`)
 console.log(err || res)
})

但是，这不是一个可复用的解决方案。每一次我们想要对一个函数计时，我们得引入一个 t0 在外层作用域并且改变 [code]callback [/code]来测量和记录时间。对我来说理想的方式是能够仅仅通过包装一个异步函数就能够对它进行计时：

timeIt(calc)(arg, (err, res) => console.log(err || res))

[code]timeIt [/code]需要能够很好地对每一个异步函数完成剖析和记录执行时间。注意到 [code]timeIt(calc) [/code]有与原始的 calc 函数同样的函数签名，即它们接受同样的参数和返回同样的值，它只是增加了一个特性到 cale 上（能够被记录时间的特性）。 [b]calc 和 timeIt(calc) 在任意时刻可以相互替代。[/b] [code]timeIt [/code]本身是一个高阶函数，因为它接受一个函数并返回一个函数。在我们的例子里，它接受 calc 异步函数，并返回一个函数与 calc 有同样的参数和返回值。 [b]下面演示我们如何实现 timeIt 函数：[/b]

const timeIt = R.curry((report, f) => (...args) => {

 const t0 = Date.now()
 const nArgs = R.init(args)
 const callback = R.last(args)

 nArgs.push((...args) => {
 const t1 = Date.now()
 callback(...args)
 report(t1 - t0, ...args)
 })

 f(...nArgs)

})

const timeIt1 = timeIt(
 (t, err, res) => console.log(`Log: ${err || res} produced after: ${t}`)
)

const calc = (x, y, z, callback) =>
 setTimeout(() => callback(null, x * y / z), 1000)


calc(18, 7, 3, (err, res) => console.log(err || res))

timeIt1(calc)(18, 7, 3, (err, res) => console.log(err || res))

这个 [code]timeIt [/code]实现接受两个参数： report: 一个函数用来生成剖析结果 f: 我们想要做剖析的异步函数 [code]timeIt1 [/code]是一个方便实用的功能函数，它只是用 [code]console.log [/code]记录时间测量结果。我们通过给更通用的 [code]timeIt [/code]函数传入 [code]report [/code]参数来定义它。我们实现了目标，现在我们可以仅仅将异步函数包装在 [code]timeIt1 [/code]中就可以对它计时了：

timeIt1(calc)(18, 7, 3, (err, res) => console.log(err || res))

通用的 [code]timeIt [/code]函数接收一个 [code]report [/code]回调函数和一个异步函数并返回一个新的异步函数，这个异步函数与原函数有同样的参数和返回值。我们可以这么使用：

timeIt(
 (time, ...result) => // report callback: log the time
 , asyncFunc
)(
 parameters…, 
 (...result) => // result of the async function
)

现在让我们深入 [code]timeIt [/code]的实现。我们可以简单地生成一个通用函数类似 [code]timeIt1[/code]，因为 [code]timeIt [/code]使用[code] R.curry [/code]科里化了。我不打算在这篇文章里讨论科里化，但是下面这段代码演示了科里化的主要用法：

const f = R.curry((x, y) => x + y)
f(1, 10) // == 11
f(1)(10) // == 11

const plus1 = f(1)
plus1(10) // == 11

另一方面，这种方式实现的 timeIt 有几个问题：

(...args) => {
 const t1 = Date.now()
 callback(...args)
 report(t1 — t0, ...args)
}

这是一个匿名函数（又名 lambda，callback），它在原函数异步执行之后被调用。主要的问题是这个函数没有处理异常的机制。如果 [code]callback [/code]抛出异常，[code]report [/code]就永远不会被调用。我们可以添加一个 [code]try / catch[/code] 到这个 [code]lambda [/code]函数里，然而问题的根源是 [code]callback [/code]和 [code]report [/code]是两个 [code]void [/code]函数，它们没有关联在一起。[code]timeIt [/code]包含两个延续（continuations）（[code]report [/code]和 [code]callback[/code]）。如果我们只是在 [code]console [/code]下记录执行时间或者如果我们确定不论 [code]report [/code]还是 [code]callback [/code]都不会抛出异常，那么一切正常。但是如果我们想要根据剖析结果来执行一些行为（所谓的自动扩容）那么我们需要强化和厘清我们的程序中的延续序列。好了，以上这篇文章的全部内容，希望对大家的学习和工作有所帮助，如果有疑问可以留言交流。

全部评论(0)

上一篇：Bootstrap下拉菜单样式
下一篇：JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能

资讯排行榜
更多>>