如何将 javascript 中定义的一个函数调用到另一个 javascript 文件？

Question

我试图将一个在 javascript 文件中声明的函数导入到另一个 javascript 文件中，但无法正确导入。我没有使用任何转译器。

我正在尝试将变量和函数从一个 JavaScript 文件导入到另一个文件，但不想使用 Transpilers。我不知道如何导入和导出函数。我正在使用 Adobe{Brackets} 作为我的 IDE。

我已经把导入脚本转成模块了，但我还是无法导出或导入。作为第二次尝试，我尝试转换导出脚本到一个模块，但仍然出现以下错误：

Parsing Error- Export and import keyword are reserved.

作为第三次尝试，我将两个文件都转换为一个模块。还是不行。

HTML:

<html>
<head><title>Test1</title>
</head>
<body>
<button type = "button" class= "slctbtn" onclick= "select()" id= "selct_btn">Select</button>
</body>
<script src="javascript/select.js"></script>
<script type="module" src="javascript/Test.js"></script>
</html>

javascript/Test.js:

var today = 28;
export {today};

javascript/select.js:

import {today} from "./javascript/Test.js";
function select(){
    var month = "august";
    var year = "2019";
    alert("this is " + month + " of the year " + year + " and today is " + today + " day.");
}

预期结果： Alert must show text like this image

Answer 1

替换import {today} from "./javascript/Test.js";

和import {today} from "./Test";；

这是工作演示https://stackblitz.com/fork/react?file=index.js

Answer 2

试试这个：

import {today} from "./Test.js";

Answer 3

你不能真正混合和匹配 module 和非模块 JS。所以：

只使用一个<script>元素
- 成功type="module"
- 用它加载 select.js
使用import {today} from "./Test.js";因为路径是相对于JS
由于模块中的变量不是全局变量，因此在 select.js 中使用 addEventListener 而 而不是 一个 onclick 属性。

如何将 javascript 中定义的一个函数调用到另一个 javascript 文件？

How to call one function defined in a javascript to another javascript file?

javascript

es6-modules