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

标签 javascript class es6-class

我对此很陌生,我正在尝试理解 javascript 中的类。所以我在网上学习了一个教程,一切似乎都很好,当我尝试像视频中那样做时,我现在收到一条错误消息 “ Uncaught ReferenceError :未定义 MyClassName”
我有 2 个文件:

  • app.js
  • class.js

  • class.js
    class MyClass {
        constructor(city, state){
            this.city = city;
            this.state = state;
    
        }
        message(){
            console.log('Hey!');
        }
    }
    
    app.js
    const myClass = new MyClass();
    
    const btn = document.getElementById('submit');
    
    
    btn.addEventListener('click', myClass.message());
    
    我得到的错误是“Uncaught ReferenceError: MyClass is not defined”。
    我的问题是如何从另一个文件实例化一个类?我知道我做错了什么,但我不知道那是什么。
    更新:我的 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>
    
    请帮忙,谢谢你的时间。

    最佳答案

    我相信它给了你那个错误,因为你在 class.js 文件之前导入了 app.js 文件。首先尝试导入 class.js,然后它应该可以工作。
    例子:

    <body>
    
        <div class="form-group">
                    <button id="submit"  name="submit">Submit</button>
        </div>
        
    
    <script src="class.js"></script>
    <script src="app.js"></script>
    
    </body>
    </html>
    

    关于javascript - 如何从另一个 .js 文件调用一个类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64627845/

    相关文章:

    python - 运行 def __init__(self) 函数后,如何在类对象中添加数据?

    c++ - 我构造子类对象的方式有什么问题?

    C++从类内部调用类外部的方法

    javascript - JS ES6 类构造函数行为

    javascript - 定义组件时应该使用 ES6 Class 的静态方法吗?

    JavaScript - 检查字符串是否包含数组中彼此相邻的两个字符串并在其间插入字符串

    javascript - 如何传递并执行 mysql 查询?

    javascript - 如何使用 CSS 在 UL LI TreeView 中进行搜索

    javascript - React Native Firebase如何从特定用户的表数组中获取数据

    javascript - 替换原型(prototype) : class static getters, 或类字段中的值?