javascript - 在 Javascript 中通过 onclick 调用多个函数的最佳方法是什么

Question

所以我有一个包含一堆函数的对象。我希望能够通过单击一个函数来触发一堆这些函数。我已经成功了，但我认为我没有最好的解决方案。这是我的代码:

HTML

<button onclick="_this.call(_this.func1(), _this.func2())">click me</button>

JS:

var _this = {};

_this.func1 = function() {
  console.log('func1');
};

_this.func2 = function() {
  console.log('func2');
};

_this.call = function() {};

编辑

我的主要目标是一次仅触发某些函数，因此我可能需要考虑在函数中使用参数变量来触发函数。

Answer 1

最干净的方法是用最少的 JS 来保留 html(或者最好根本没有 JS)。

所以这里是

<button id="myButton" onclick="_this.handleOnClick())">click me</button>

在 JS 中:

var _this = {};

_this.handleOnClick = function() {
    _this.func1();
    _this.func2();
}

_this.func1 = function() {
  console.log('func1');
};

_this.func2 = function() {
  console.log('func2');
};

_this.call = function() {};

更好

document.getElementById("myButton").addEventListener("click", function(){
    _this.handleOnClick()
});