带名称的函数表达式：调试栈追踪优势及自引用疑问

根据JS相关规范，函数表达式可以指定内部专属名称，这个名称既支持函数自引用，也能让调试器的栈追踪更易识别。示例代码如下：

const factorial = function fac(n) {
  return n < 2 ? 1 : n * fac(n - 1);
};

console.log(factorial(3)); // 6

1. 带名称的函数表达式为何能让调试器栈追踪更易识别函数？ #

• 普通匿名函数表达式在栈追踪中通常只会显示anonymous，或是绑定的外部变量名（比如示例里的factorial）。如果外部变量被重新赋值，栈帧里的标识就会变得混乱，无法直观判断当前调用的函数身份。
• 带名称的函数表达式中的内部名称（比如示例里的fac）是与函数本身绑定的固定标识，调试器会直接用这个名称展示栈帧。不管外部变量如何变化，你都能立刻识别出这是负责阶乘计算的函数，在排查递归逻辑或复杂调用链问题时，能快速定位目标函数。

2. 函数声明或普通函数表达式也可实现自引用，那么使用带名称的函数表达式的核心意义是什么？ #

• 函数声明的名称会暴露在所在作用域中，容易造成命名污染；普通匿名函数表达式要实现自引用，只能依赖arguments.callee，但这个属性在严格模式下已被禁用，且可读性极差。
• 带名称的函数表达式的核心优势在于：
  • 内部名称仅在函数自身作用域内有效，不会污染外部命名空间；
  • 内部名称固定指向函数本身，哪怕外部绑定的变量（比如factorial）被修改或覆盖，函数内部的递归调用依然能通过内部名称正常执行，稳定性更高；
  • 调试时的可读性提升，这在复杂项目中能大幅降低调试成本，让栈追踪信息更清晰直观。

内容的提问来源于stack exchange，提问作者I try so hard but I cry harder