實(shí)現(xiàn)

export default class SpinLock {
    isLock = false
    synchronized = async (doSomethingSynchronous) => {
        while (this.isLock) {
            // 如果鎖已經(jīng)被占用，則等待
            await new Promise(resolve => {
                const timer = setTimeout(() => {
                    clearTimeout(timer)
                    resolve()
                }, 100)
            });
        }
        this.isLock = true
        try {
            // 在這里執(zhí)行需要同步的操作
            await doSomethingSynchronous()
        } finally {
            this.isLock = false
        }
    }
}

用法：對某個接口請求加鎖，保證請求是同步串行

lock = new SpinLock()
request = () => {
    this.lock.synchronized(async () => {
        const res = await Request.doPostRequest('/xxxx/xxx', {});
        this.data = res.data
    })
}