为什么“this”关键字不适用于使用参数的事件处理函数？

Question

var x = document.getElementById('id');
x.addEventListener('click', function() {
  check(x, 5);
}, false);

function check(x, length) {
  var msg = document.getElementById('ids');
  if (this.value.length < length) { //doesn't work
    msg.innerHTML = 'not long enough'
  }
}

if(x.value.length< length)有效。 我不完全理解如何实现this关键字。

Answer 1

this inside check 将指向window 。 你必须通过将this绑定到它来call函数check来完成你的任务，

  x.addEventListener('click',function(){
    check.call(this, x,5);
  }, false);