如何从另一个 .js 文件调用一个类?

Kod*_*kie 5 javascript class es6-class

我对此很陌生,我正在尝试理解 javascript 中的类。因此,我按照在线教程进行操作,一切似乎都工作正常,当我尝试执行与视频中相同的操作时,我现在收到一条错误消息“未捕获的引用错误:MyClassName 未定义”

我有2个文件:

  • 应用程序.js
  • 类.js

class.js中

class MyClass {
    constructor(city, state){
        this.city = city;
        this.state = state;

    }
    message(){
        console.log('Hey!');
    }
}
Run Code Online (Sandbox Code Playgroud)

在app.js

const myClass = new MyClass();

const btn = document.getElementById('submit');


btn.addEventListener('click', myClass.message());
Run Code Online (Sandbox Code Playgroud)

我得到的错误是“Uncaught ReferenceError:MyClass 未定义”。

我的问题是如何从另一个文件实例化一个类?我知道我做错了什么,但我不知道那是什么。

更新:我的 HTML 文档是这样的。

<body>

    <div class="form-group">
                <button id="submit"  name="submit">Submit</button>
    </div>
    


<script src="app.js"></script>
<script src="class.js"></script>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

请帮忙,谢谢您的宝贵时间。