如何将某些内容返回给事件监听器调用的函数？

编程问答 2022-08-13

问题描述

如果事件侦听器调用了函数的结果，是否可以返回该函数的结果？我尝试了很多方法，但是没有任何效果。令我惊讶的是，没有太多信息可以帮助我。我想传递当前的分数，当事件发生时将其增加一并返回。显然，我在下面所做的操作无法正常工作，因为a）没有用于return语句的存储，并且b）由事件侦听器调用。我唯一要做的就是在函数内部更改全局变量。我知道，如果将其包裹在IIFE或它自己的封闭物中并不会造成危害，但是我仍然不想养成这样做的习惯。无论如何，有没有将分数加1而不直接引用函数内部的全局分数变量，谢谢

const btn = document.querySelector('#btn');

let score = 0;

btn.addEventListener('click',function () {

    increasescore(score); // passing in the current score varialble
})


function increasescore(currentscore) { 

    currentscore++;
    return currentscore;      // there is Nowhere to return this!!

}

解决方法

诀窍是您需要绑定上下文（此）

this.showTextBox = true
setTimeout(() => {
  // will throw "Uncaught TypeError: Cannot read property 'focus' of undefined"
  this.$refs.textBox.focus() 
},0)


  someMethod.bind(this);

const btn = document.querySelector('#btn');
const scoreBtn = document.querySelector('#score');

let score = 0;


btn.addEventListener('click',function() {
  event.preventDefault();
  someMethod.bind(this);
  score = someMethod(score);
});

scoreBtn.addEventListener('click',function() {
  event.preventDefault();
  console.log(score);
});

function someMethod(cur) {
 return cur + 1; 
}

functionfunctionfunctionglobal-variablesjavascriptreturnreturn