在前端开发中，函数的运行效率是一个很重要的话题。有些人认为“函数调用开销大”，因此应该尽量减少函数的使用；而另一些人则认为“保持函数小”是更好的选择。本文将深入探讨这两种思路，并给出一些实际示例和最佳实践。
函数调用开销大
在 JavaScript 中，函数调用通常需要创建新的执行上下文并压入调用栈中。如果函数体很大或者需要频繁调用，那么这个过程会非常耗时。因此，一些人建议尽量避免函数调用，特别是在性能敏感的场景下。
然而，这种思路并不完全正确。函数调用带来的开销是可以优化的。事实上，现代浏览器的 JavaScript 引擎已经针对这个问题进行了大量优化，包括内联缓存、内联函数等技术。在大多数情况下，函数调用开销不会成为性能瓶颈。
保持函数小
另外一种思路是“保持函数小”。这个原则主要是从代码可读性和可维护性的角度考虑的。一个大函数往往比较难以理解和修改，而将其拆分成多个小函数则可以提高代码的清晰度和可维护性。
除此之外，保持函数小也有助于代码重用。更小的函数可以更容易地被其他函数调用，从而提高代码的复用率和可扩展性。事实上，函数是面向对象编程中最基本的构建块之一，而面向对象编程的核心思想就是封装和抽象。
最佳实践
下面是一些在实际前端开发中应用“函数调用开销大”和“保持函数小”原则的最佳实践。
1. 避免过度优化
虽然函数调用确实带来了一定开销，但这并不意味着我们应该尽可能避免函数调用。在编写代码时，应该关注代码的可读性、可维护性和可扩展性，而不是过度纠结于函数调用的开销。
2. 将函数细分为小块
一个函数应该具有单一职责原则，即只做一件事情，并且做好这件事情。如果一个函数变得太庞大，那么就应该考虑将其拆分成多个小函数。
例如，下面的代码中，将 getUserInfo 函数拆分成了两个小函数，使得代码更加清晰易读。
-- -------------------- ---- ------- -------- ------------------- - ----- ---- - ------------------- ----- -------- - --------------------------- -------------- ----- --- - --------------------- ------ - --------- --- - - -------- ------------------- - -- --- - -------- ---------------------- --------- - -- --- - -------- ---------------- - -- --- -展开代码
3. 避免过度抽象
虽然函数的抽象层级可以提高代码的可维护性和复用性，但是过度抽象也会影响代码的可读性和执行效率。在编写函数时，应该遵循“足够抽象”的原则，即尽量保持函数的简洁和可读性，同时让函数具有一定的重用价值。
例如，下面的代码中，虽然 sort 函数被拆分成了
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25688
