javascript - ES6 模块箭头函数导出不保留它们的名称

Question

为什么导出的箭头函数不保留它们的名称，有没有办法让它们这样做？

给出如下所示的 ES6 模块:

myModule.js

export function doSomeWork1() {
}
export const doSomeWork2 = () => {
};

如果我随后将它们导入到另一个文件中，那么导出的函数将保留其名称，而箭头函数则不会。

example.js

import { doSomeWork1, doSomeWork2 } from './myModule';
console.log('doSomeWork1...');
console.log(doSomeWork1);
console.log(doSomeWork1.name); // name is retained    
console.log('doSomeWork2...');
console.log(doSomeWork2);
console.log(doSomeWork2.name); // name is NOT retained

输出:

doSomeWork1...
[Function: doSomeWork1]
doSomeWork1
doSomeWork2...
[Function]

---

如果我在 ES6 模块中声明箭头函数而不导出它并直接在该文件中打印出来，它会保留它的名称。

myModule.js

const doSomeWork3 = () => {
};
console.log('doSomeWork3...');
console.log(doSomeWork3);
console.log(doSomeWork3.name); // name is retained 

输出:

doSomeWork3...
[Function: doSomeWork3]
doSomeWork3

Answer 1

我刚刚试过了，还导出了 let func123 = () => {}它也适用于“const”和“let”。也许是您正在使用的某些配置？你在使用 webpack 还是什么？