javascript - 为了性能更好，两个函数在同一个 setInterval() 中还是两个不同的 setInterval 中？ - JavaScript

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 5 年前。

Improve this question

对于性能更好的两个函数在同一个setInterval()或者不同 setInterval() 中的每个函数？

A

setInterval(function(){ 
 one();
 two(); 
}, 60000);

function one(){
 //code
}

function two(){
 //code
}

B

setInterval(function(){ 
 one();     
}, 60000);

setInterval(function(){      
 two(); 
}, 60000);

function one(){
 //code
}

function two(){
 //code
}

你有什么建议？非常感谢...

Answer 1

For the performance is better two functions in the same setInterval() or each function in different setInterval() ?

关于性能的观点很少。

从这两个函数的性能来看，仅调用一次setInterval()更快，调用函数one()更快code> 然后 two() 来自匿名函数的上下文，而不是来自计时事件上下文。还值得一提的是，这两个函数可能会与 JS 编译器或 JS JIT 内联/合并在一起。

从用户体验的 Angular 来看，最好将长函数分成两个，以便在这些函数之间处理用户界面事件。换句话说:

1. 处理用户事件(例如鼠标点击)。
2. 调用长函数one()。
3. 再次处理用户事件。
4. 调用长函数two()。
5. 处理用户事件。

用户体验会比以下内容好得多:

1. 处理用户事件。
2. 调用巨大的组合函数 one() 和 two()，使浏览器挂起一段时间。
3. 处理用户事件。

还有最后一点。从程序的整体性能来看，这根本不重要，因为这些调用之间的间隔很长，所以对整体性能没有任何影响。