JavaScript將參數傳遞給作為回調的函數

Question

我有一個函數接受一個名為buttonID的參數，我需要將該參數傳遞給其他多個函數。 單擊該鏈接時，將傳遞ID。

 <a href="#" class="theme_btn" id="check-user" onClick="javascript:checkUser(this.id);">User Check</a>

我的功能是

function checkUser(buttonID) { 
 //do some stuff
 var data = {};
 data.callback = getUserInfo;
 data.username = uname;
 data.level = lvl;
 checkLevel(data);
 }

我遇到的問題是我無法將buttonID傳遞給回調函數getUserInfo。

我已經嘗試過getUserInfo（buttonID），但是它無法正常運行。 我應該使用以下getUserInfo（{buttonID]）語法嗎？

簡而言之，我需要將buttonID的值從一個函數傳遞到另一個函數，並且我相信正是這種語法使我受挫。 關於我可以嘗試不同方法的任何想法或建議嗎？

Answer 1

您可以使用bind ：

function checkUser(buttonID) { 
 //do some stuff
 var data = {};
 data.callback = getUserInfo.bind(null, buttonID);
 data.username = uname;
 data.level = lvl;
 checkLevel(data);
}

更多信息： https : //developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

Answer 2

您可以使用匿名函數來做到這一點：

data.callback = function(){getUserInfo(buttonID)}

使用JavaScript ES6語法，要短一些：

data.callback = _=>{getUserInfo(buttonID)}

Answer 3

 var buttonIDGlobal; function checkUser(buttonID) { buttonIDGlobal = buttonID; //do some stuff var data = {}; data.callback = getUserInfo; data.username = uname; data.level = lvl; checkLevel(data); } 

 You can simple define a global variable and assign the button ID to that variable. Now "buttonIDGlobal" is accessible in "getUserInfo()" function.`enter code here`