TypeScript函数调用toString出现怪异字符的问题及解决咨询

问题原因 #

这种(0, promises_1.access)的写法是TypeScript/Babel将ES模块转译为CommonJS时的常规操作，核心目的是保证导入的函数调用时this指向符合ES模块规范。ES模块的命名导入是值引用，而非对象属性访问，直接调用promises_1.access()会导致this绑定到promises_1对象上，不符合ES模块的行为预期。用逗号运算符(0, promises_1.access)可以先取出promises_1.access的值，再在全局上下文（严格模式下为undefined）调用，模拟原生ES模块的调用逻辑。

而import * as path from "path"属于命名空间导入，转译后直接通过命名空间对象访问属性（比如path.join()），不需要额外处理this，所以不会出现这种包装写法。

非全量导入的解决方案 #

1. 将导入成员绑定到局部变量 #

把需要的导入成员赋值给局部变量，在函数内使用该变量代替原导入名。转译后函数字符串会显示局部变量名，而非转译后的包装形式：

import { access, writeFile } from 'fs/promises';

// 绑定导入成员到局部变量
const fsAccess = access;
const fsWriteFile = writeFile;

class CreateFileTask {
  async execute() {
    await fsAccess('./test.txt');
    await fsWriteFile('./test.txt', 'hello worker');
  }
}

// 此时toString()输出会显示使用fsAccess、fsWriteFile
console.log(new CreateFileTask().execute.toString());

2. 在Worker线程内单独处理导入 #

不要直接传递包含依赖导入的函数字符串，而是拆分逻辑：

• 主线程仅传递函数的核心业务逻辑字符串（不含导入语句）
• Worker线程内部自行导入所需的依赖成员
• 在Worker中执行接收到的逻辑

主线程代码：

const taskLogic = `
  async function execute() {
    await access('./test.txt');
    await writeFile('./test.txt', 'hello worker');
  }
  execute();
`;
// 将taskLogic发送给Worker线程

Worker线程代码：

import { access, writeFile } from 'fs/promises';

self.onmessage = (e) => {
  eval(e.data);
};

这种方式更安全，从根源上避免了转译语法的干扰。

3. 调整TypeScript编译配置 #

如果运行环境支持原生ES模块（比如Node.js 14+），可以修改tsconfig.json：

{
  "compilerOptions": {
    "module": "ESNext",
    "moduleResolution": "NodeNext",
    "target": "ES2020"
  }
}

此时TypeScript会生成原生ES模块代码，命名导入不会被转译为(0, xxx.xxx)的形式，函数toString()后会保留原导入名。

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