详解JS中统计函数执行次数与执行时间(2)

function someFunction() { for (var i = 0; i < 100000; ++i) { } } function otherFunction() { for (var i = 0; i < 10000000; ++i) { } } // 包装 someFunction = getFunExecTime(someFunction); // 执行 someFunction(); // 获取耗时,可直接使用函数的 valueOf console.log(+someFunction); // 2.0999999847263098 otherFunction = getFunExecTime(otherFunction, 'otherFunction'); otherFunction(); console.log(+otherFunction); // 21.00000000745058

三、如何控制函数的调用次数

也可以通过闭包来控制函数的执行次数

function someFunction() { console.log(1); } function otherFunction() { console.log(2); } function setFunCallMaxTimes(fun, times, nextFun) { return function() { if (times-- > 0) { // 执行函数 return fun.apply(this, arguments); } else if (nextFun && typeof nextFun === 'function') { // 执行下一个函数 return nextFun.apply(this, arguments); } }; } var fun = setFunCallMaxTimes(someFunction, 3, otherFunction); fun(); // 1 fun(); // 1 fun(); // 1 fun(); // 2 fun(); // 2

四、如何控制函数的执行时间

因为JS是单线程的,控制函数的执行时间相对来说挺麻烦

通过 async await yield 等异步特性,也许还是能办到的

在React 16中的 Fiber 机制,在某种意义上是能控制函数的执行时机,得空再去看看它是怎么实现的吧

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/25e0007225f8708ffbffc877ffe06a85.html