lodash debounce & ES6 类 - 这个。不是函数

Question

我已将 lodash debounce 连接到一个运行良好的输入，但我似乎无法调用其他方法。我尝试在构造函数中绑定搜索。这是我的代码：

  class SearchBar {
    constructor() {
      this.searchState = {
        term: '',
        loading: false,
      };
      this.$searchBar = $('.ngaire-search-form > input');

      this.onLoad();
      this.onSearch = _.debounce(this.onSearch.bind(this), 400);
    }

    onLoad() {
      this.$searchBar.on('keyup change', this.onSearch);
    }

    onSearch(e) {
      const searchTerm = e.currentTarget.value;

      if (searchTerm.length > 0) {
        console.log(searchTerm); // this works
        this.verifySearchTerm(searchTerm); // i get this is not a function
      }
    }

Answer 1

你需要交换

  this.onLoad();
  this.onSearch = _.debounce(this.onSearch.bind(this), 400);

这两行。

否则，在 onLoad 内部附加尚未绑定的去抖动函数的 this.onSearch 处理程序。