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

Question

好吧，我一直在寻找如何在 onclick 事件中调用 javascript 的方法，例如一个按钮，但我找不到任何答案。

这就是我所拥有的:

Javascript

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

html

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

显然我没想到它会起作用，因为你需要创建一个如下实例:

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

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

Answer 1

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

class SomeClassName()

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

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

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