如何用JavaScript将完整JS对象保存为可被浏览器/Node.js加载的文件？

当然可以！这其实是前端和Node.js开发里挺常见的需求——把带方法、属性的完整JS对象存成独立文件，之后用你提到的动态script标签（浏览器）或者require（Node.js）来加载。下面分两种环境给你具体的实现思路和代码示例：

浏览器环境实现 #

1. 把JS对象导出到文件（类似dump_to_file） #

我们可以把对象序列化成可执行的JS代码（要处理函数，因为JSON默认会忽略函数），然后生成下载链接让用户保存文件：

function dumpToFile(obj, filename = 'my-object.js') {
  // 序列化对象，把函数转成字符串保留下来
  const objString = JSON.stringify(obj, (key, value) => {
    if (typeof value === 'function') {
      return value.toString();
    }
    return value;
  }, 2);

  // 生成ES模块格式的代码，加载时恢复函数
  const codeContent = `export const myObject = ${objString};
// 将字符串形式的函数还原成可执行函数
Object.keys(myObject).forEach(key => {
  if (typeof myObject[key] === 'string' && myObject[key].startsWith('function')) {
    myObject[key] = eval(\`(\${myObject[key]})\`);
  }
});`;

  // 创建Blob并触发下载
  const blob = new Blob([codeContent], { type: 'application/javascript' });
  const downloadUrl = URL.createObjectURL(blob);
  const link = document.createElement('a');
  link.href = downloadUrl;
  link.download = filename;
  link.click();
  URL.revokeObjectURL(downloadUrl);
}

// 测试用的完整对象
const demoObject = {
  username: 'Ulad',
  greet: function() {
    console.log(`Hi there, ${this.username}!`);
  },
  favoriteNumbers: [7, 13],
  getMaxNumber: function() {
    return Math.max(...this.favoriteNumbers);
  }
};

// 调用导出函数，生成my-object.js文件
dumpToFile(demoObject);

2. 从文件加载对象（类似load_from_file） #

浏览器里有两种常见方式：动态创建script标签（兼容旧环境），或者用ES模块的import（现代方案）：

方式一：动态script标签

function loadFromFileViaScript(fileUrl, onLoaded) {
  const script = document.createElement('script');
  // 如果你的导出文件是挂载到window的（比如改成window.myObject = ...），可以用这种方式
  script.src = fileUrl;
  script.onload = () => {
    // 加载完成后，直接访问全局对象
    onLoaded(window.myObject);
  };
  script.onerror = (err) => {
    console.error('加载文件失败:', err);
  };
  document.head.appendChild(script);
}

// 使用示例
// loadFromFileViaScript('./my-object.js', (loadedObj) => {
//   loadedObj.greet(); // 输出 "Hi there, Ulad!"
//   console.log(loadedObj.getMaxNumber()); // 输出13
// });

方式二：ES模块import（推荐）

async function loadFromFileViaModule(fileUrl) {
  try {
    const module = await import(fileUrl);
    return module.myObject;
  } catch (error) {
    console.error('加载模块失败:', error);
  }
}

// 使用示例
// loadFromFileViaModule('./my-object.js').then((loadedObj) => {
//   loadedObj.greet();
// });

Node.js环境实现 #

1. 把JS对象导出到文件 #

用Node.js的fs模块写入文件，同样要处理函数的序列化：

const fs = require('fs').promises;

async function dumpToFile(obj, filename = 'my-object.js') {
  const objString = JSON.stringify(obj, (key, value) => {
    if (typeof value === 'function') {
      return value.toString();
    }
    return value;
  }, 2);

  // 生成CommonJS格式的代码（Node.js默认支持）
  const codeContent = `const myObject = ${objString};
// 恢复函数
Object.keys(myObject).forEach(key => {
  if (typeof myObject[key] === 'string' && myObject[key].startsWith('function')) {
    myObject[key] = eval(\`(\${myObject[key]})\`);
  }
});
module.exports = myObject;`;

  await fs.writeFile(filename, codeContent, 'utf8');
  console.log(`对象已保存到${filename}`);
}

// 测试对象
const nodeDemoObj = {
  config: { port: 3000 },
  startServer: function() {
    console.log(`Starting server on port ${this.config.port}...`);
  },
  calculate: function(a, b) {
    return a * b + a;
  }
};

// 调用导出
// dumpToFile(nodeDemoObj);

2. 从文件加载对象 #

直接用Node.js的require（CommonJS）或者import（ES模块）即可：

// CommonJS方式
function loadFromFile(filename) {
  return require(filename);
}

// 使用示例
// const loadedObj = loadFromFile('./my-object.js');
// loadedObj.startServer(); // 输出 "Starting server on port 3000..."
// console.log(loadedObj.calculate(5, 3)); // 输出20

// ES模块方式（需要把文件后缀改成.mjs，或者在package.json里设置"type": "module"）
// async function loadFromFileES(filename) {
//   const module = await import(`./${filename}`);
//   return module.default;
// }

重要注意事项 #

• 安全性：上面的代码用到了eval来恢复函数，如果你加载的文件来自不可信来源，会有代码注入风险，所以一定要确保文件是你自己生成或信任的。
• 函数序列化限制：如果对象里有箭头函数、闭包引用外部变量的函数，序列化后再恢复可能会丢失上下文，这种情况建议用更专业的序列化库（比如serialize-javascript）来处理。

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