ES6中的Javascript类，如何在其他js文件和html文件中导入它们？
很明显，我是一个初学者，正在尝试了解基本的工作人员，所以请容忍我 我将所有这些文件（index.html、app.js和calc.js）放在同一个文件夹中，它们的内容如下所示 我有两个问题： 1:为什么在文件（app.js）中，导入类Calc并创建它的新实例是有效的，而在文件（Calc.js）中，类似的过程不适用于类测试 2:如何在*.html文件中使用类“Calc” 注意：我在MacOS10.13上使用的是chrome（62.0.3202.94（官方版本）（64位））ES6中的Javascript类，如何在其他js文件和html文件中导入它们？,javascript,html,class,oop,ecmascript-6,Javascript,Html,Class,Oop,Ecmascript 6,很明显，我是一个初学者，正在尝试了解基本的工作人员，所以请容忍我 我将所有这些文件（index.html、app.js和calc.js）放在同一个文件夹中，它们的内容如下所示 我有两个问题： 1:为什么在文件（app.js）中，导入类Calc并创建它的新实例是有效的，而在文件（Calc.js）中，类似的过程不适用于类测试 2:如何在*.html文件中使用类“Calc” 注意：我在MacOS10.13上使用的是chrome（62.0.3202.94（官方版本）（64位）） // app.js im
// app.js
import { Calc } from './calc.js';
class Test {
static hello() {
console.log("hello from class1");
}
}
let c = new Calc(); // this works!
console.log(c.sum(2, 3) + 1); // 6
export { Test };
<html>
<head>
<meta charset="utf-8" />
<script src="./app.js" type="module"></script>
<script src="./calc.js" type="module"></script>
</head>
<body>
<h1>ES6</h1>
<script>
let c = new Calc();
// simulate input summation from two textboxes for example
console.log(c.sum(2, 1)); //Uncaught ReferenceError: Calc is not defined
</script>
</body>
</html>
ES6
设c=新计算（）；
//例如，模拟来自两个文本框的输入总和
console.log（c.sum（2,1））//未捕获引用错误：未定义计算
app.jscalc.jscalc.jsapp.jscalc.jsTestwindow.Calc = Calc;
问题1: 您有一个循环依赖项-
app.jscalc.jscalc.jsapp.jscalc.jsTestwindow.Calc = Calc;
非常感谢你。问题1完美地解决了。然而，在Problem2中，我仍然得到了
未捕获引用错误：Calc未定义window.Calc窗口放在哪里。Calc=Calc未捕获引用错误：Calc未定义window.Calc窗口放在哪里。Calc=Calc