Promise与setTimeout的错误示范

Enlightenment 发布于2019-08-22 11:22 / 1079人阅读

错误写法

export const checkSDK = () => {
    var timer = null;
    const start = Date.now();

    return new Promise((resolve, reject) => {
        if (typeof window.TigerBridge === "object") {
            resolve();
            return;
        }
        if (Date.now() - start <= 5 * 1000) {
            clearTimeout(timer);
            timer = setTimeout(checkSDK, 100);
            return;
        }

        reject();
    })
}

正确写法

export const checkBridge = () => {
    var timer = null;
    const start = Date.now();

    function check(resolve, reject) {
        if (typeof window.TigerBridge === "object") {
            resolve();
            return true;
        } 
        if (Date.now() - start <= 5 * 1000) {
            clearTimeout(timer);
            timer = setTimeout(check.bind(null, resolve, reject), 100);
            return;
        }
        reject();
        return false;
    }

    return new Promise((resolve, reject) => check(resolve, reject))
}

模仿SDK注入过程，

if (process.env.NODE_ENV != "production") {
    setTimeout(() => {
        window.TigerBridge = {
            getAccessToken: () => {
                return pkg.token;
            },
            isAccountPermissionLimited: () => false
        };
    }, 1600);
}

GPU云服务器云服务器云计算示范项目 setTimeout javascript settimeout java错误与异常

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92266.html

Eventloop不可怕，可怕的是遇上Promise

摘要：就是每次传入的函数最后是的任务之后，开始执行，可以看到此时会批量执行中的函数，而且还给这些中回调函数放入了一个这个很显眼的函数之中，表示这些回调函数是在微任务中执行的。下一模块会对此微任务中的插队行为进行详解。有关Eventloop+Promise的面试题大约分以下几个版本——得心应手版、游刃有余版、炉火纯青版、登峰造极版和究极变态版。假设小伙伴们战到最后一题，以后遇到此类问题，都是...

olle 2019-08-23 16:28 评论0 收藏0
前端er，你真的会用 async 吗？

摘要：异步函数是值通过事件循环异步执行的函数，它会通过一个隐式的返回其结果。 async 异步函数不完全使用攻略前言现在已经到 8012 年的尾声了，前端各方面的技术发展也层出不穷，VueConf TO 2018 大会也发布了 Vue 3.0的计划。而在我们（我）的日常中也经常用 Vue 来编写一些项目。那么，就少不了 ES6 的登场了。那么话说回来，你真的会用 ES6 的 asyn...

Jaden 2019-08-23 13:50 评论0 收藏0
Javascript事件循环入门到“忘记”（一）.md

摘要：中叫做调用栈先进后出，后进先出。如下图这是典型的内存溢出，可能会出现在某些场景下需要递归，但业务逻辑中的判断又没能正常计算进入到预设情况，于是调用栈中不断进入，又无法执行完，就造成内存溢出了。本文主要介绍Javascript事件循环在浏览器上的一些特性和应用介绍。 Javascript小知识 JavaScript的并发模型基于事件循环(Event Loop)。这个模型与像C或者Jav...

codeGoogle 2019-08-23 12:48 评论0 收藏0
promise/deferred 模式原理分析和实现

摘要：三模式模式其实包含两部分和。六化在编码的时候，想要用进行异步操作流程控制，就要将当前的异步回调函数封装成。一、什么是promise/deferred 模式 promise/deferred 模式是，根据promise/A 或者它的增强修改版promise/A+ 规范实现的promise异步操作的一种实现方式。异步的广度使用使得回调，嵌套出现，但是一但出现深度的嵌套，就会让codi...

gclove 2019-08-21 11:48 评论0 收藏0
Promise详解

摘要：等待十秒后代码才算执行完毕常见用法将定时器和异步操作放在一起，如果定时器先触发，则认为超时，告知用户。 Promise介绍：用于异步计算将异步操作队列化，按照期望的顺序执行，返回符合预期的结果可以在对象之间传递和操作promise，帮助我们处理队列由于promise是控制异步操作的，所以先来介绍一下在promise之前异步操作的常见语法。事件侦听与响应回调函数（例如a...

ckllj 2019-08-22 18:21 评论0 收藏0