JS测试可调用嵌套目录函数却无法访问全局变量，求排查方案

看起来你遇到的核心问题是：测试代码能正常调用源文件里的全局函数，但访问同文件的全局变量时会抛出ReferenceError，这大概率和JS的作用域机制、代码加载方式或打包工具的处理逻辑有关。我来拆解原因并给出针对性解决办法：

为什么函数能访问，变量不行？ #

在全局作用域下，function myFunctionName() {}这种函数声明会被完全提升到作用域顶部，并且自动成为全局对象（浏览器环境是window，Node环境是global）的属性，所以测试代码能直接调用它。

而var myVar = '...'或const myVar = '...'，如果你的代码被打包工具（比如Webpack、Rollup）包裹在了自执行函数（IIFE）里，或者测试环境的作用域隔离机制导致变量没有暴露到全局，就会出现测试代码找不到变量的情况——毕竟严格模式下，访问未声明的变量会直接抛出ReferenceError。

解决办法 #

1. 显式暴露变量到全局（快速临时方案） #

如果只是为了测试方便，可以临时把变量挂载到全局对象上：

// 你的源JS文件
function myFunctionName() { ... }
var myVar = '...';

// 浏览器环境
window.myVar = myVar;
// Node.js环境
// global.myVar = myVar;

这样测试代码就能直接访问myVar了。不过这种方案不推荐用于生产环境，会污染全局作用域。

2. 使用模块系统导出（推荐方案） #

更规范的做法是用ES模块或CommonJS规范导出函数和变量，测试时通过import/require引入：

用ES模块：

// 源文件 src/js/xxx/xxx.js
export function myFunctionName() { ... }
export const myVar = '...';

// 测试文件 test/spec/myTestSpec.js
import { myFunctionName, myVar } from '../../src/js/xxx/xxx.js';

(function () {
    'use strict';
    describe('...', function() {
        it('...', function () {
            expect(myFunctionName()).toEqual('...');
            var newVar = myVar; // 现在能正常访问了
        });
    });
})();

用CommonJS：

// 源文件 src/js/xxx/xxx.js
function myFunctionName() { ... }
const myVar = '...';

module.exports = { myFunctionName, myVar };

// 测试文件 test/spec/myTestSpec.js
const { myFunctionName, myVar } = require('../../src/js/xxx/xxx.js');

(function () {
    'use strict';
    describe('...', function() {
        it('...', function () {
            expect(myFunctionName()).toEqual('...');
            var newVar = myVar;
        });
    });
})();

3. 检查测试环境的加载配置 #

如果用了Karma、Jest这类测试运行器，要确保：

• 源文件在测试文件之前被加载（比如Karma的files数组里，源文件路径排在测试文件前面）
• 如果用了打包工具，测试环境是否加载了未打包的源文件，或者配置了正确的模块解析规则

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