原生小程序中，使用ts开发并封装防抖

封装防抖函数

---

// util.ts
export const debounce = (fn: Function, delay: number) => {
  let timer: any;
  return function (this: any) {
    clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(this, arguments);
    }, delay);
  };
};

---

使用防抖

---

import { debounce } from "~/utils/util";
Page({
  ...
  addCart: debounce(function (this: any) {
    this.setDate({
      index:1
    })
  }),
  ...
});

---

注意

• 小程序在使用typescript封装函数时，遇到this会报错

• 这个问题，还没办法将this作为page类型使用，来获取类型断言，所以只能在函数参数中自定义this类型来解决报错

• 由于this是自定义的类型，在使用this.setData或this.data的时候无法产生代码提示