jQuery.getScript()加载const变量报未定义错误的作用域问题

注：你给出的示例代码中存在引号不匹配的笔误：jQuery.getScript("consts.js', ...)里路径字符串双引号开头、单引号结尾，本身就会触发语法错误。你提到替换var后可正常运行，说明这是撰写问题时的输入失误，不是实际运行的代码问题。

这个报错和jQuery.getScript的执行逻辑、ES6变量声明规则直接相关，和作用域规则确实有关，但你对getScript的执行逻辑认知存在偏差：

• jQuery.getScript并非所有场景都通过插入DOM <script>标签的方式执行脚本：当待加载脚本和当前页面同域时，jQuery会通过XMLHttpRequest拉取脚本的纯文本内容，再调用内部的jQuery.globalEval在全局上下文执行代码；只有跨域加载场景下，才会通过插入<script>标签的方式加载执行脚本。
• var和const/let的全局声明逻辑存在本质差异：
  • 顶层作用域中用var声明的变量，会直接作为属性挂载到全局对象（浏览器环境为window）上。哪怕是通过间接eval执行的var声明，变量也会被持久写入全局对象，因此后续代码可以直接通过变量名访问到对应值。
  • 顶层作用域中用const/let声明的变量，不会挂载到全局对象上，而是存储在全局作用域独立的词法环境记录中。而jQuery.globalEval本质是通过(0, window.eval)(脚本文本)的间接eval形式执行代码，这种执行方式下声明的const/let绑定只会存在于eval执行时临时创建的独立词法环境中，执行结束后就会被销毁，不会写入当前页面的全局词法环境，外部自然无法访问到CONST1。

你观察到的「替换为var就正常运行」的现象，恰好印证了这个逻辑：var声明的变量被写入了window对象，是持久存在的全局属性，回调执行时自然能取到值。

你可以直接在浏览器控制台执行两段代码复现这个差异：

// 测试间接eval下的var声明
(0, eval)("var TEST_VAR = 'var test'");
console.log(TEST_VAR); // 正常输出 var test
console.log(window.TEST_VAR); // 同样输出 var test

// 测试间接eval下的const声明
(0, eval)("const TEST_CONST = 'const test'");
console.log(TEST_CONST); // 抛出Uncaught ReferenceError: TEST_CONST is not defined
console.log(window.TEST_CONST); // 输出undefined

你可以根据需求选任意一种方案修复：

1. 手动将需要全局访问的常量挂载到全局对象上，修改consts.js代码：

const CONST1 = "hello";
window.CONST1 = CONST1;

2. 强制jQuery通过插入<script>标签的方式加载同域脚本，走原生脚本执行逻辑，此时const声明会正常写入全局词法环境：

jQuery.ajax({
  url: "consts.js",
  dataType: "script",
  crossDomain: true, // 强制走script标签加载逻辑
  success: function() {
    alert(CONST1);
  }
});

内容的提问来源于stack exchange，提问作者p.chaldaios