为何JavaScript中用let/const初始化工厂函数对象会失败？

一、现象原因 #

你遇到的这种情况，大概率是以下两种场景之一：

1. 变量名冲突与暂时性死区（TDZ）
   如果代码中已经用let/const声明过同名变量，或者在同一作用域内重复声明，非严格模式下可能不会抛出报错，但会导致赋值操作静默失败。另外，如果在变量声明前就尝试使用它（比如代码顺序逻辑问题），let/const的暂时性死区特性会阻止变量初始化，若后续逻辑未访问这个未初始化的变量，就会看起来像“对象无法创建”。
2. 作用域覆盖问题
   假设你的PlayerObject工厂函数内部依赖了某个全局同名变量，当你用let/const在当前作用域声明该变量时，会覆盖全局变量的引用。如果工厂函数执行时需要访问这个全局变量的已有值，就会因为当前变量还未完成初始化出现异常，但如果工厂函数内部做了错误捕获（比如try/catch），就不会在控制台抛出报错，最终返回无效对象或者undefined。

而省略let/const时，变量会被挂载到全局对象（浏览器环境下是window），成为全局属性，这种方式不会触发作用域冲突或暂时性死区的限制，所以工厂函数能正常执行并返回对象。

二、不使用let/const的写法问题 #

这种写法存在明显隐患，完全不推荐：

• 全局污染：未声明的变量会成为全局对象的属性，容易和其他脚本的变量名冲突，导致难以排查的bug。
• 作用域失控：变量的作用域无法被限制，任何地方都能修改它，代码的可维护性大幅降低。
• 严格模式下报错：如果开启严格模式（"use strict"），未声明变量的赋值操作会直接抛出ReferenceError，代码完全无法运行。
• 不符合规范：现代JavaScript开发中，let/const是声明变量的标准方式，能明确变量的作用域和可变性，提升代码的可读性和稳定性。

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