是否可以调用一个函数（onclick-event）作为参数并调用相同的函数（arrayData）作为参数

Question

我有一个带有 onClick(event) 函数的按钮，我需要将带有 arrayData 的事件从 getFromServer() 函数发送到 handler(event, arrayData) 函数作为参数。我知道不允许两个函数有两个参数，但也许有一个解决方案可以实现这一点。

注： 我不想在句柄函数内使用 addEventListener 或使用全局变量，只需从按钮上单击即可尽可能简化我的代码。

我期待着这样的事情：

//HTML button with onclick function
<button onclick="handleData(event)"></button>

// function that get data from sever and send data as a arguments
function getFromServer() {
  handleData(dataArray)
}

// the function that handle that data when click event happen
function handleData(event, dataArray){
  console.log(dataArray);
}

Answer 1

我相信这就是您想要在这里实现的目标：

将关闭功能附加到按钮上：

<button onclick="handleClick(event)">Click me</button>

具有关闭功能的手柄点击：

// Function to simulate fetching data from the server
function getFromServer() {
    return ['item1', 'item2', 'item3']; // Example data from the server
}

// Wrapper function that combines event and data
function handleClick(event) {
    // Fetch data from the server
    const arrayData = getFromServer();
    
    // Call handleData with both the event and the data
    handleData(event, arrayData);
}

// Function that handles both event and data
function handleData(event, arrayData) {
    console.log('Event:', event);
    console.log('Data Array:', arrayData);
}