从 html 按钮调用类中的 javascript 方法答案

【问题标题】：Call a javascript method in a class from a html button从 html 按钮调用类中的 javascript 方法
【发布时间】：2020-03-04 17:28:13
【问题描述】：

好的，所以我一直在研究如何在 onclick 事件中从 javascript 调用方法，例如让我们说一个按钮，但我找不到任何答案。

这就是我所拥有的：

Javascript

class SomeClassName() {
   methodName() {
     alert("test");
   }
}

html

<button type="button" onclick="methodName()">Click me</button>

显然我没想到这会起作用，因为您需要创建一个像这样的实例：

Object = new SomeClassName();
Object.methodName();

但我不知道如何在 onclick 事件上执行此操作。

【问题讨论】：

【解决方案1】：

不要用括号定义你的“类”

class SomeClassName()

另外，如果你想调用一个方法而不实例化它，你必须将该方法设为“静态”

class SomeClassName {
   static methodName() {
     alert("test");
   }
}

&lt;button type="button" onclick="SomeClassName.methodName()"&gt;Click me&lt;/button&gt;

【讨论】：