/**
 * @description: 節(jié)流裝飾器
 * @param {number} delay
 * @return {*}
 */
export const Throttle = (delay: number = 200) => {
  let previous = 0
  return function(target: object, key: string | symbol, descriptor: PropertyDescriptor) {
    const method = descriptor.value
    descriptor.value = function(...args) {
      const now = Date.now()
      if (now - previous > delay) {
        previous = now
        const result = method.call(this, ...args)
        return result
      }
    }
  }
}

/**
 * @description: 防抖裝飾器
 * @param {number} delay
 * @return {*}
 */
export const Debounce = (delay: number = 200) => {
  let timer: any = null
  return function(target: object, propertyKey: string | symbol, descriptor: PropertyDescriptor) {
    const method = descriptor.value
    descriptor.value = function(...args) {
      if (timer) {
        clearTimeout(timer)
      }
      timer = setTimeout(() => {
        const result = method.call(this, ...args)
        return result
      }, delay)
    }
  }
}

在需要執(zhí)行防抖的函數(shù)上面使用

import { Debounce } from "@/utils/decorator"
// 設(shè)置場景縮放
@Debounce()
setScalc() {
   this.g3dView && (this.g3dView.getCanvas().style["transform"] = `scale(${1 / this.$store.state.windowScalc})`)
}