如何在浏览器的JavaScript控制台中访问ES6模块中定义的功能？

Question

我有一个在ES6模块（sender.js）中定义的函数，如下所示：

function send() {
   // do stuff
}
export {send};

然后，该模块将在应用程序的主要JavaScript文件app.js中使用，如下所示：

import {send} from "./sender"

send文件中提供了app.js功能，但在Firefox的Javascript控制台中它不是：

> send
ReferenceError: send is not defined

如何在JavaScript控制台中导入send函数？

Answer 1

您可以通过将特定功能分配给全局对象来将其设置为全局 -  在浏览器中window。

import {send} from "./sender";
window.send = send;

请注意，虽然它可能在调试中很有用，但您不应在生产代码中使用它 - 请参阅Why are global variables considered bad practice?