javascript - 在匿名内部使用 'this'，IDE : potentially invalid usage

Question

就最佳实践而言，下一个功能(实际有效)是否不好？

IDE 警告我

'Potentially invalid usage of 'this'. Checks for Javascript 'this' to be in the same closure or outer content.

$(document).on('change', '#select-all', function(){
    if( this.checked ) {
      $(this).closest('table').find('input[name="row-id"]').each( function() {
        this.checked = true; // Here
      })
    }
    else {
      $(this).closest('table').find('input[name="row-id"]').each( function() {
        this.checked = false; // Here
      });
    }
  });

当我选中 ID 为 select-all 的复选框时，它会将所有其他复选框标记为已选中。

Answer 1

这很可能是因为您的 IDE 不知道在您使用的函数中 this 指的是什么对象，因此提示您 this 可能指的是 window 对象或其他上下文。

顺便说一下，您的代码可以重写为:

$(document).on("change", "#select-all", function() {
    $(this)
      .closest("table")
      .find("input[name='row-id']")
      .prop("checked", this.checked);
});