JavaScript中的函数双重命名：为何将函数与变量同名定义？

嘿，这个问题问得很到位！你在Vue源码里看到的var Dep = function Dep () { this.id = uid++; this.subs = []; };其实是**命名函数表达式（Named Function Expression，NFE）**的典型用法，这么写主要有以下几个关键原因：

• 调试体验大幅提升：当你在浏览器开发者工具里调试响应式相关逻辑时，命名函数里的Dep会直接显示在调用栈、错误堆栈或者控制台的函数标识中，而不是默认的anonymous（匿名函数）。这能让你一眼定位到这是Dep构造函数的调用，在排查复杂的响应式问题时，节省超多时间。
• 支持函数内部的自我引用：如果后续这个构造函数需要递归调用自身，或者在内部访问自身的属性/方法，通过命名函数里的Dep就能直接引用，完全不用依赖已经被严格模式禁用的arguments.callee，代码更规范也更兼容。
• 让原型链结构更清晰：当你给Dep添加原型方法（比如Vue里的Dep.prototype.addSub）后，在控制台查看Dep.prototype.constructor时，会明确显示function Dep()，而不是模糊的匿名函数。这让代码的面向对象结构一目了然，可读性更强。

另外补充一点：这种写法和普通的函数声明function Dep() {...}的区别在于，命名函数表达式不会被提升到作用域顶部，能更好地控制变量的作用域范围，这在Vue源码的模块化封装场景里非常实用，避免不必要的全局作用域污染。

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