Передача параметра анонимной функции

Question

Я пытаюсь передать параметр анонимной функции. Но что-то не так, и я не могу понять это.

function getInfo(item) { 
 
    alert(item); //does not pass the item? 
 
} 
 
var param = "Param was passed successfully!"; 
 
var elementel = document.getElementById("AlretBtn"); 
 
elementel.addEventListener("click", getInfo.bind(null, param, false);

<button id="AlretBtn">Alert Item</button>

Что случилось с этим? Как я могу это исправить?

Answer 1

Я не уверен, что вы намереваетесь делать, но вы не привязываете ничего к getInfo(). В случае, если вы хотите, чтобы связать обработчик щелчка на кнопке элемента:

function getInfo(item){ 
    alert(item); //does not pass the item? 
    console.log(this); // the button element instead of Window 
} 
var param = "Param was passed successfully!"; 
var elementel = document.getElementById("AlretBtn"); 
elementel.addEventListener("click", getInfo.bind(elementel, param, false)); 

И в случае, если вам не нужно привязать обработчик щелчка к нему, зачем с Bind() ?:

function getInfo(item){ 
    alert(item); //does not pass the item? 
} 
var param = "Param was passed successfully!"; 
var elementel = document.getElementById("AlretBtn"); 
elementel.addEventListener("click", function(){ getInfo(param); }); 

without bind()

Answer 2

function getInfo(item) { 
 
    alert(item); //does not pass the item? 
 
} 
 
var param = "Param was passed successfully!"; 
 
var elementel = document.getElementById("AlretBtn"); 
 
elementel.addEventListener("click", getInfo.bind(null, param, false));

<button id="AlretBtn">Alert Item</button>

Вы пропускаете скобку. Я не знаю, используете ли вы среду IDE или какова ваша среда разработки. Но, попробуйте добавить валидатор синтаксиса javascript, это действительно делает разработку намного быстрее :)