为何重新赋值不同函数会导致函数指针调用性能骤降？

这是个非常典型的JavaScript引擎优化机制相关问题，核心原因在于现代JS引擎（比如V8）的**内联缓存（Inline Cache，IC）**策略，下面逐个解答你的疑问：

疑问1：为何切换不同函数时，调用p的性能显著下降？ #

现代JavaScript引擎会对函数调用做大量针对性优化，内联缓存是其中最关键的一项。当你反复调用p()且p一直指向同一个函数（比如func1）时，引擎会为这个调用点建立一个“快捷缓存”：它会直接记住p对应的函数内存地址，下次调用时不用再去查找p的指向，直接跳转到目标函数执行，这能极大提升执行效率。

但当你让p在func1和func2之间来回切换时，这个缓存就彻底失效了。因为引擎发现调用点的目标函数一直在变化，它无法稳定缓存一个固定的函数地址。每次调用p()时，引擎都要重新解析p当前指向的函数对象，甚至可能触发去优化（deoptimization）——把之前优化过的代码还原成未优化的版本，这就导致性能出现大幅下滑。

哪怕你的func1和func2代码完全一样，引擎也会把它们视为两个独立的函数对象，所以切换时依然会破坏缓存的稳定性。

疑问2：为何设为undefined后切回原函数不影响性能，但切到不同函数就会？ #

当你把p设为undefined时，引擎会为调用点的if (p !== undefined) p();分支建立另一种缓存：它会记住“当p是undefined时，直接跳过调用”的逻辑。而当你切回func1时，引擎之前为func1建立的调用缓存依然有效，它可以快速恢复到之前的优化状态，不需要重新做太多额外工作，所以性能不会受影响。

但如果切到func2，相当于给这个调用点引入了一个全新的目标函数。引擎需要为func2重新建立新的缓存，而且每次在func1和func2之间切换时，之前的缓存都会被清空，不得不重新解析和缓存，这就导致性能持续处于较低水平。

结合你的测试代码看现象 #

比如你测试代码里的这两段逻辑：

// 性能正常：在func1和undefined之间切换
p = (p === func1) ? p = undefined : p = func1; 
// 性能下降：在func1和func2之间切换
p = (p === func1) ? p = func2 : p = func1; 

前者的调用目标只有两种稳定状态：“调用func1”或“不调用”，引擎可以分别缓存这两种情况的处理逻辑，切换时不会破坏缓存的有效性；后者的调用目标在两个不同函数之间切换，缓存无法稳定下来，所以性能变差。

内容的提问来源于stack exchange，提问作者Frank