JavaScript 如何使程序在某个特定变量值下才执行

原创已于 2022-02-21 11:27:44 修改 · 1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言

于 2022-02-21 11:24:39 首次发布

Vue 同时被 2 个专栏收录

6 篇文章

订阅专栏

JavaScript

3 篇文章

订阅专栏

本文介绍如何使用requestAnimationFrame函数实现一个递归函数，不断检测flag变量，一旦变为true则停止监听，适用于实时更新检测场景。测试部分展示了5秒后flag被设置为true的过程。

requestAnimationFrame() 函数的递归可实现此功能：

// 监听变量 flag
var flag = false;

// 不停检测 flag 的值，直到为 true 就退出
function listenFlagState() {
    if (flag) {
        console.log("flag has changed");
        return;
    }
    requestAnimationFrame(listenFlagState);
};

listenFlagState();

// 测试，五秒后改变 flag 为 true
setTimeout(() => {
    flag = true;
}, 5000);