如何防止函数在鼠标单击时运行，直到上一次完成

要防止函数在鼠标单击时运行，直到上一次完成，可以采取以下几种方法：

1. 防抖（Debounce）：在函数被触发后，设置一个定时器，在指定的时间间隔内，如果函数再次被触发，则重新计时。只有当指定的时间间隔内没有再次触发函数时，才执行函数。这样可以确保函数只在鼠标单击结束后执行一次。
2. 节流（Throttle）：在函数被触发后，设置一个标志位，表示函数是否正在执行。如果函数正在执行，则忽略后续的触发事件。当函数执行完成后，再将标志位重置，可以继续触发函数。这样可以确保函数只在鼠标单击结束前执行一次。
3. 使用事件监听器：可以通过给元素添加事件监听器，监听鼠标单击事件。在事件处理函数中，判断函数是否正在执行，如果是，则忽略该次触发事件。当函数执行完成后，再重新绑定事件监听器，可以继续触发函数。这样可以确保函数只在鼠标单击结束前执行一次。
4. 使用锁机制：在函数开始执行时，设置一个锁变量，表示函数正在执行。在函数执行完成后，释放锁变量。在函数被触发时，先判断锁变量的状态，如果锁变量为真，则忽略该次触发事件。这样可以确保函数只在鼠标单击结束前执行一次。

以上是几种常见的防止函数在鼠标单击时重复运行的方法。根据具体的应用场景和需求，可以选择适合的方法来实现。