微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

如果事件侦听器调用函数的结果,是否可以返回该函数的结果?我尝试了很多方法,但是没有任何效果。令我惊讶的是,没有太多信息可以帮助我。我想传递当前的分数,当事件发生时将其增加一并返回。显然,我在下面所做的操作无法正常工作,因为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; 
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。