代码之家 › 专栏 › 技术社区 › phoebus

将函数从javascript模块导出到窗口命名空间

es6-modules javascript

phoebus · 技术社区 · 1 年前

我知道模块的特征/目标之一是,内部定义的变量/函数不能从脚本外部访问。但是,如果我想导出一个特定的函数以便在全局范围内使用,我将如何做到这一点?正如我在其他帖子中所读到的那样,仅仅分配给窗口似乎不起作用:

在里面 index.html

<script type="module">
   const add = (a, b) => a + b;
   window.add = add;
</script>
<script>
   console.log(window.add(1, 2));
</script>

中的结果 Uncaught TypeError: window.add is not a function

1 回复 | 直到 1 年前

Raed 1 年前

这是因为“模块”脚本是第二个被解释的。添加控制台日志可以验证这一点。

<script type="module">
  var add = (a, b) => a + b;
  window.add = add;
  console.log("This prints second:", window.add)
</script>

<script>
  console.log("This prints first:", window.add)
  console.log(window.add(1, 3));
</script>

推荐文章

GenesysRTA · 您可以将Supertest作为ES6模块导入吗?

1 年前

RoyM · jest.spyOn似乎没有正确模拟默认导出的函数

1 年前

Muhammad Hassan Saeed · JavaScript Es6 vs Es7-有什么区别[关闭]

1 年前

CrazySynthax · Mocha:测试找不到模组

1 年前

beefm · 如何正确配置.jsx组件的npm包

1 年前

phoebus · 将函数从javascript模块导出到窗口命名空间

1 年前

rene smith · node.js v18,仅导入有效,但导出无效

1 年前

The Jaded George · 导出带有Require的类会产生错误

1 年前

Chuck Le Butt · 无法操作appendChild()创建的元素

2 年前

George Katsanos · package.json中同时包含主条目和模块条目的混合节点模块

2 年前