如何解决如何将某些内容返回给事件监听器调用的函数?
如果事件侦听器调用了函数的结果,是否可以返回该函数的结果?我尝试了很多方法,但是没有任何效果。令我惊讶的是,没有太多信息可以帮助我。我想传递当前的分数,当事件发生时将其增加一并返回。显然,我在下面所做的操作无法正常工作,因为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 举报,一经查实,本站将立刻删除。