/**
* @description: 节流装饰器
* @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)
}
}
}
在需要执行防抖的函数上面使用
import { Debounce } from "@/utils/decorator"
// 设置场景缩放
@Debounce()
setScalc() {
this.g3dView && (this.g3dView.getCanvas().style["transform"] = `scale(${1 / this.$store.state.windowScalc})`)
}
