我对此很陌生，我正在尝试理解 javascript 中的类。因此，我按照在线教程进行操作，一切似乎都工作正常，当我尝试执行与视频中相同的操作时，我现在收到一条错误消息“未捕获的引用错误：MyClassName 未定义”我有2个文件：应用程序.js类.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 未定义”。我的问题是如何从另一个文件实例化一个类？我知道我做错了什么，但我不知道那是什么。更新：我的 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>请帮忙，谢谢您的宝贵时间。
2 回答
侃侃无极
TA贡献2051条经验 获得超10个赞
我相信它会给你这个错误，因为你在 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>
大话西游666
TA贡献1817条经验 获得超14个赞
由于您链接的 app.js 是在 class.js 之前链接的，因此它会先加载，因此您无法访问 MyClass。切换链接 app.js 和 class.js 的行，它应该可以正常运行。
<!DOCTYPE html>
<html>
<body>
<div class="form-group">
<button id="submit" name="submit">
Submit
</button>
</div>
</body>
<script type="text/javascript" src="class.js"></script>
<script type="text/javascript" src="app.js"></script>
</html>
添加回答
举报
0/150
提交
取消