如何避免函数重复触发？ - 优化代码性能的5个方法

使用防抖函数：防抖函数可以限制函数的触发次数，只有在一定时间内没有再次触发才会执行函数。例如lodash库中的 '_.debounce()' 函数。

使用节流函数：节流函数可以限制函数的执行频率，只有在一定时间内才会执行一次函数。例如lodash库中的 '_.throttle()' 函数。

在函数内部设置标识位：在函数开始执行时设置标识位，执行完毕后清除标识位。如果函数被触发时发现标识位已经被设置，则直接返回，不执行函数。

在事件绑定时使用once选项：例如Vue.js中的'v-once'指令可以确保事件只会被触发一次。

在函数执行过程中使用锁：在函数开始执行时设置锁，执行完毕后释放锁。如果函数被触发时发现锁已经被设置，则直接返回，不执行函数。