如何在不使用eval()的情况下，在JavaScript中实现类似C/C++的#include功能？

嘿，这个问题挺有意思的——毕竟JS的模块系统和C/C++的#include设计思路完全不一样，不过确实有办法在不碰eval()的情况下实现类似效果，分不同运行环境给你拆解：

浏览器端：用同步<script>标签实现 #

在浏览器里，最直接的方式就是利用<script>标签的同步执行特性：把你要“引入”的脚本放在主脚本前面加载，这样前者定义的全局变量/函数会被挂载到window对象上，后者就能直接访问。

举个例子，你需要一个HTML入口文件来加载这两个JS：

<!-- index.html -->
<!-- 先加载header.js，它的变量会变成全局变量 -->
<script src="header.js"></script>
<!-- 再加载main.js，此时已经能访问a和b了 -->
<script src="main.js"></script>

你的header.js保持不变：

// header.js
var a = 1; 
function b() {
  return "函数b执行啦";
}

main.js直接用就行：

// main.js
console.log(a); // 输出1
console.log(b()); // 输出"函数b执行啦"

这种方式本质上和#include把代码插入当前位置的逻辑很像——都是让前置代码的变量直接暴露给后续代码，只不过浏览器是通过全局对象来实现的。

Node.js端：用fs+vm模块实现 #

Node.js里没有浏览器的<script>标签，但可以用fs模块同步读取文件内容，再用vm模块的runInThisContext方法执行代码，这样就能把变量注入到当前上下文里，而且完全不用eval()。

示例代码如下：

// main.js
const fs = require('fs');
const vm = require('vm');

// 同步读取header.js的代码内容
const headerCode = fs.readFileSync('./header.js', 'utf8');
// 在当前上下文执行读取到的代码
vm.runInThisContext(headerCode);

// 现在就能直接访问a和b了
console.log(a); // 输出1
console.log(b()); // 输出对应内容

这里要注意：vm.runInThisContext和eval()不同，它不会访问当前函数的局部变量，但会作用于当前模块的全局上下文，刚好符合我们要的“类似#include”的效果。

注意事项 #

不管用哪种方式，都要注意全局变量污染的问题——就像C/C++里#include可能导致重复定义一样，JS里这种方式也会把变量暴露到全局（或模块全局），如果多个脚本有同名变量，很容易出冲突。如果不是特别需要模拟#include的逻辑，其实更推荐用ES模块（export/import）或CommonJS（module.exports/require），它们的模块化设计能更好地隔离变量。

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