如何将javascript中定义的一个函数调用到另一个javascript文件?
我试图将javascript文件中声明的一个函数导入到另一个javascript文件中,但无法正确执行。我没有使用任何运输工具 我试图将变量和函数从一个JavaScript文件导入另一个JavaScript文件,但不想使用Transpiler。我不知道如何导入和导出函数。我正在使用如何将javascript中定义的一个函数调用到另一个javascript文件?,javascript,es6-modules,Javascript,Es6 Modules,我试图将javascript文件中声明的一个函数导入到另一个javascript文件中,但无法正确执行。我没有使用任何运输工具 我试图将变量和函数从一个JavaScript文件导入另一个JavaScript文件,但不想使用Transpiler。我不知道如何导入和导出函数。我正在使用Adobe{方括号}作为我的IDE 我已经将导入脚本转换为一个模块,但仍然是 无法导出或导入。作为第二次尝试,我尝试转换导出脚本 发送到模块,但仍会出现以下错误: 分析错误-保留导出和导入关键字 作为第三次尝试,我将两
Adobe{方括号}
作为我的IDE
我已经将导入脚本转换为一个模块,但仍然是
无法导出或导入。作为第二次尝试,我尝试转换导出脚本
发送到模块,但仍会出现以下错误:
分析错误-保留导出和导入关键字
作为第三次尝试,我将两个文件都转换为一个模块。但它仍然不起作用
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>
var today = 28;
export {today};
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.");
}
javascript/select.js:
<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>
var today = 28;
export {today};
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.");
}
预期结果:
替换
从“/javascript/Test.js”导入{today}”代码>
使用“/Test”中的import{today}代码>
下面是正在运行的演示试试这个:
import {today} from "./Test.js";
你不能真正地混合搭配模块
和非模块JS。因此:
- 仅使用一个
元素
- 使其成为
type=“module”
- 用它加载
select.js
- 使用“/Test.js”中的
import{today}代码>因为路径是相对于JS的
- 由于模块中的变量不是全局变量,请在
select.js中使用addEventListener
和not一个onclick
属性
导入的from部分与导入文件的位置相关。您的select.js
脚本标记缺少type=“module”
。您只能在模块脚本中导入和导出。我将所有javascript.js文件放在一个名为javascript的文件夹中,所以它的位置必须是javascript/Test.js。但是我也尝试了{./Test},也尝试了将这两个文件转换为模块。仍然有解析错误请参见和或,这是使代码正常工作所必需的,但它不是错误的来源:尝试在常规js脚本中导入是错误的。需要type=“module”
。