如何在NodeJS环境下检测代码是否使用浏览器不存在的Node专属全局对象？

当然可以搞定！完全不用折腾浏览器环境，咱们在Node.js里就能轻松检测你的代码是否依赖了Node专属的全局对象/变量，完美匹配你的需求～下面给你几个实用的方案，基于Mocha（你当前在用的工具）以及其他补充工具：

方案1：Mocha中手动隐藏/恢复Node全局变量 #

核心思路很简单：在测试前把Node专属的全局变量（比如process、require）暂时从global对象中移除或设为undefined，测试完再恢复。这样被测代码如果用到这些变量，就会抛出ReferenceError，测试就能捕获到并标记失败。

举个针对process的测试例子：

const assert = require('assert');
// 导入你的被测模块
const myModule = require('./your-module');

describe('浏览器兼容性检测', () => {
  let originalProcess;

  // 测试前保存原始process，然后隐藏它
  before(() => {
    originalProcess = global.process;
    delete global.process; // 也可以设为undefined：global.process = undefined;
  });

  // 测试后恢复，避免影响其他测试用例
  after(() => {
    global.process = originalProcess;
  });

  it('代码未使用Node专属的process变量', () => {
    assert.doesNotThrow(() => {
      // 执行模块中的核心逻辑，比如调用入口函数
      myModule.execute();
    }, ReferenceError);
  });
});

如果要检测多个Node全局变量（比如require、module、__dirname），可以写个工具函数批量处理：

// 批量隐藏Node全局变量
function hideNodeGlobals() {
  const originalGlobals = {};
  // 列出所有要检测的Node专属全局变量
  const nodeSpecificGlobals = ['process', 'require', 'module', '__dirname', '__filename'];
  
  nodeSpecificGlobals.forEach(key => {
    originalGlobals[key] = global[key];
    delete global[key];
  });
  
  return originalGlobals;
}

// 批量恢复全局变量
function restoreNodeGlobals(originalGlobals) {
  Object.keys(originalGlobals).forEach(key => {
    global[key] = originalGlobals[key];
  });
}

// 在测试中使用
describe('浏览器兼容性检测', () => {
  let originalGlobals;

  before(() => {
    originalGlobals = hideNodeGlobals();
  });

  after(() => {
    restoreNodeGlobals(originalGlobals);
  });

  it('代码未使用任何Node专属全局变量', () => {
    assert.doesNotThrow(() => {
      myModule.execute();
    }, ReferenceError);
  });
});

方案2：用工具快速模拟浏览器全局环境 #

如果手动写覆盖逻辑太麻烦，可以用browser-env这类工具，它能在Node.js里直接模拟浏览器的全局环境，自动隐藏所有Node专属的全局变量。

步骤： #

1. 安装依赖：

npm install --save-dev browser-env

2. 在测试文件中初始化环境：

const browserEnv = require('browser-env');
const assert = require('assert');
const myModule = require('./your-module');

// 模拟浏览器全局环境，自动替换Node的global为浏览器风格的window
browserEnv();

describe('浏览器兼容性检测', () => {
  it('代码可在类浏览器环境正常运行', () => {
    assert.doesNotThrow(() => {
      myModule.execute();
    });
  });
});

这样一来，Node的process、require等变量都会被移除，被测代码如果依赖它们就会报错，测试直接失败。

方案3：用ESLint做静态检测（提前预防） #

除了运行时测试，还可以用ESLint在编码阶段就静态检测代码是否用到了Node专属全局变量，提前发现问题，不用等到测试运行。

步骤： #

1. 安装ESLint和相关插件：

npm install --save-dev eslint eslint-plugin-node

2. 在.eslintrc.js中配置规则：

module.exports = {
  plugins: ['node'],
  rules: {
    // 禁止使用Node专属的全局变量
    'no-restricted-globals': ['error', 'process', 'require', 'module', '__dirname', '__filename'],
    // 可选：禁止使用Node特有的API
    'node/no-process-env': 'error',
    'node/no-process-exit': 'error'
  }
};

这样ESLint在检查代码时，一旦发现你用了这些变量就会直接报错，从源头避免兼容性问题。

总结 #

• 手动覆盖全局变量：适合简单场景，灵活可控，完全基于Mocha实现；
• browser-env：快速模拟浏览器环境，减少手动代码；
• ESLint静态检测：提前预防问题，和运行时测试配合使用效果最佳。

内容的提问来源于stack exchange，提问作者I Cac Rubin