DataTables、es6 箭头函数和 this

Question

我有以下datatables 初始化，其中我使用preDrawCallback 函数根据表中的记录数隐藏和显示分页和过滤器。

由于它是 webpack 项目的一部分，我已将其转换为 es6，但我不得不禁用该函数的对象简写，因为我无法在不使用 this 的情况下找到获取当前表的方法：

$tables.DataTable({
  preDrawCallback: function(settings) { // eslint-disable-line object-shorthand

    const $table = $(this); // is there a way to get this table without using this?
    
    // rest of code
  }
})

查看了大量文档后，似乎没有将参数传递给我可以获取该表的函数，并且所有示例都使用 $(this)。

我的问题是我必须使用它还是有其他方法可以获取表格以便我可以将命名函数更改为箭头函数？

更新

似乎我看错了问题，毕竟不需要使用箭头函数，修复 lint 错误解决了不使用 this 的需要（请参阅下面的答案），但以防万一有人不使用不想使用this，在控制台记录了很多不同的东西后，我发现当前表ID保存在传入的设置中，所以你可以这样做

$(`#${settings.sTableId}`).DataTable();

Answer 1

如您所说，如果该值未作为参数传入，那么您将需要使用普通函数。普通函数和箭头函数对this 有不同的行为，因此您需要为工作选择正确的工具。

至于您看到的 lint 错误，这与箭头函数没有任何关系。它只是告诉你这样写：

$tables.DataTable({
  preDrawCallback(settings) { // <-- using shorthand on this line
    const $table = $(this); 

    // rest of code
  }
});