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

爱吃芒果的芬里尔狼

已于 2022-02-21 11:27:44 修改

阅读量1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Vue JavaScript 文章标签： javascript 开发语言

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

本文链接：https://blog.youkuaiyun.com/github_38616039/article/details/123043357

Vue 同时被 2 个专栏收录

6 篇文章

订阅专栏

JavaScript

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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);