如何在浏览器的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?