如何在纯javascript中的另一个文件中包含一个类文件答案

【问题标题】：How to include a class file in another file in pure javascript如何在纯javascript中的另一个文件中包含一个类文件
【发布时间】：2020-01-20 12:30:45
【问题描述】：

好的，这个问题似乎已经被问过了，但它不是这样，有些要求将文件包含在另一个文件中，有些要求导入函数，有些接受 jquery... 我只在纯 javascript 中工作，我的文件（简化但仍然不起作用）：

index.html

<!DOCTYPE HTML>
<html lang="fr">

<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta name="Content-Type" content="UTF-8">
    <script src='editable.js'></script>
    <script src='global.js'></script>

</head>

<body>

global.js

window.addEventListener('load',Init);

function Init()
{
    var test=new Editable();    //this throw a undefined Element error
}

可编辑的.js

export class Editable
{
    constructor()
    {
        alert("hello");
    }
}

【问题讨论】：

你在一些html页面中使用它？
出人意料地直截了当：developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
@Cid 是的，我做 Cid
@Stuart 导入后的括号会引发语法错误。我已经试过了。
Mayeb 发布您正在使用的完整代码、html、包含 JS 的位置、调用 ts 的位置、定义的位置等 - 这样我们就可以看到您的实际设置，以及它在哪里源于语法错误！ :)

标签： javascript class import

【解决方案1】：

您可以直接从 HTML 中“包含”它，例如：

<script src="YourClassFile.js"></script>
<script src="YourScriptThatUsesTheClass.js"></script>

【讨论】：

最后以最简单的方式把所有的东西都转过来了。对不起，我不明白我第一次做错了什么。
你可能用脚本一颠倒了类文件的顺序（如果在类定义之前读取脚本，你会得到一个错误，因为类还没有定义）