javascript - 如何在浏览器的 JavaScript 控制台中访问 ES6 模块中定义的函数?

标签 javascript ecmascript-6 es6-modules

我有一个在 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 函数?

最佳答案

您可以通过将特定函数分配给全局对象来将其设置为全局函数 – 在浏览器中它是 window

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

请注意,虽然它可能对调试有用,但您不应该在生产代码中使用它 – 参见 Why are global variables considered bad practice?

关于javascript - 如何在浏览器的 JavaScript 控制台中访问 ES6 模块中定义的函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44355014/

相关文章:

javascript - React ES6 组件模态 API

javascript - 在 VS Code Webview 中使用 ES6 模块

javascript - 在浏览器中使用 ES6 模块时,我应该在 `script` 标签中引用文件吗

javascript - 给每个新添加的元素赋予id?

javascript - 带过滤器和排除功能的 jQuery 选择

javascript - 使用 Strapi 中的某些条件获取数据

javascript - 使用 yo Angular :factory test fails to load testProvider 创建服务

angularjs - 具有 ES6 功能的面向 future 的 Angular 应用

javascript - 增强对象字面量中的对象解构

node.js - CommonJS 模块的同构导入