前端随笔（四）————异步执行.Promise与setTimeout的执行顺序

最新推荐文章于 2023-10-15 18:37:49 发布
最新推荐文章于 2023-10-15 18:37:49 发布
阅读量1.7k 收藏 1
点赞数
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dfox7_s/article/details/124190642
版权
Promise与setTimeout的执行顺序
摘要由CSDN通过智能技术生成

首先我们来看看MDN中对Promise与setTimeout的定义与解释；

1.Promise

Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值。

一个 Promise 对象代表一个在这个 promise 被创建出来时不一定已知的值。它让您能够把异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来， 这样使得异步方法可以像同步方法那样返回值。本质上 Promise 是一个函数返回的对象，我们可以在它上面绑定回调函数，这样我们就不需要在一开始把回调函数作为参数传入这个函数了。

一个 Promise 必然处于以下几种状态之一：

  • 待定（pending）: 初始状态，既没有被兑现，也没有被拒绝。
  • 已兑现（fulfilled）: 意味着操作成功完成。
  • 已拒绝（rejected）: 意味着操作失败。

2.setTimeout

JS中，可以通过setTimeout方法设置一个定时器，规定在定时器延迟指定时间后执行相对应的程序；

常用属性：

function，这是你想要在到期时间(delay毫秒)之后执行的函数。

code，这是一个可选语法，你可以使用字符串而不是

最低0.47元/天 解锁文章
Dfox7_s
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
10-17
主要介绍了详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
更快的异步执行(setTimeout多浏览器)
01-21
如果要异步执行一个函数，我们最先想到的方法肯定会是setTimeout 例如：setTimeout(function( /* 1s后做点什么 */){},1000} 那如果说要最快速地异步执行一个函数呢？ 是否会是： setTimeout(function( /* 尽快做点...
js代码执行顺序(同步与异步)
qq_38868959的博客
08-09 667
异步任务又分为宏任务和微任务。
javascript之异步操作理解---回调函数，async，await以及promise对象
qq_44774831的博客
06-10 3770
javascript之异步操作理解---回调函数，async，await以及promise对象概述 概述 写在前面：虽然平时做项目，但是发现自己写的代码还是很烂。最近接触了一个对性能要求比较高的项目，于是重新开始审视自己写的代码是不是达到尽量较小系统性能了。加上前几天学到express框架了解到了回调函数的操作。作为拓展，查了许多资料，再次总结一下javascript的异步操作。 javascript是一门单线程语言,即一次只能完成一个任务,若有多个任务要执行,则必须排队按照队列来执行(前一个任务完成,
异步代码执行顺序
weixin_53954018的博客
10-15 143
promise.then().catch().finally() 成功失败都会触发finally()中的回调，pending是不会触发的。先执行微任务，执行完所有微任务，再检查宏任务执行。当执行完一个宏任务，继续检查微任务，如果有就执行，没有就执行下一个宏任务。微任务优先级：process.nextTick优先级最高 ，其他微任务按顺序执行。注意：定时器阶段和检测阶段，如果定时器有延时1s，那就是检测阶段先执行。js引擎对异步代码优先级进行划分：微任务、宏任务。总之：微任务优先级高，宏任务优先级低。
js中的同步任务、异步任务 以及Promise的执行顺序
qq_57205669的博客
03-28 2535
在js所有任务中，分为两种，一种是同步任务，一种是异步任务。 同步任务是指，在js的主线程中执行的任务，只有前一个任务执行完毕，下一个任务才会开始执行。 异步任务是指，不在主线程，而是在任务队列中的任务。只有主线程中的任务全部执行完毕，才会在任务队列中按顺序取出任务放入主线程再执行。 而任务队列中存放的是有了结果的异步函数 异步执行的机制就是： 1、所有同步任务都在主线程上执行 2、主线程外由一个任务队列，存放着有了结果的异步函数。 3、当主线程中的所有同步任务执行完毕，就会读取任务队列中的异
Promise和setTimeout的执行顺序
u013611033的博客
05-03 765
事件循环: 宏任务一般包括：整体代码script，setTimeout，setInterval。 微任务：Promise，process.nextTick先执行 **先同步再取出第一-个宏任务执行所有的相关微任务总会在下个宏任务之 前全部执行完毕 如果遇见就 先微后宏** let promise=new Promise(()=>{ consol...
解决循环中setTimeout执行顺序的问题
08-27
setTimeout函数的执行机制是这样的：在 setTimeout 函数中传入的回调函数是异步执行的，也就是说，回调函数的执行是异步的，并且是按照 setTimeout 函数的延迟时间来执行的。在上面的代码中，for 循环执行完成的速度...
实例详解JavaScript中setTimeout函数的执行顺序
10-19
关于javascript的运行机制大家都应该有所了解了吧，其实javascript是一个单线程的机制，但是因为...下面这篇文章通过实例主要给大家介绍了关于JavaScript中setTimeout函数执行顺序的相关资料，需要的朋友可以参考下。
Promise和setTimeOut执行顺序
LiuJia20010827的博客
09-11 230
Promise和setTimeOut执行顺序
setTimeout和promise的执行顺序
qq_44718039的博客
09-04 255
同步和异步任务执行顺序
setTimeout和Promise进行混合操作的执行顺序
会点php的前端小渣渣
03-06 710
console.log('同步-0.1') Promise.resolve().then(() => { console.log('P-1.1') }) setTimeout(() => { console.log('S-1.1') }); Promise.resolve().then(() => { console.log('P-1.2') }) setTimeo...
setTimeout理解
weixin_41989250的博客
02-17 5824
如果在设定的时间内，发生新的keydown事件，则不触发Ajax通信，并且重新开始计时。所以上面的代码执行流程是：JS执行到setTimeout时，将其交给浏览器去计时（哪怕时间是0），然后去执行同步的for循环，因为例子中的for循环执行需要5s左右，在for循环执行3秒时，浏览器已经把之前的计时器计时完毕，然后推送到JS的事件队列里，当做下一个task任务执行，当前任务(for循环)不受影响，当for循环结束后，JS线程空了，然后去事件队列中取微任务或者新的任务(setTimeout)，然后执行。
深入理解JavaScript的执行机制（同步和异步）
jssy_csu的博客
11-24 1万+
深入理解JavaScript执行机制
JavaScript同步、异步、回调执行顺序分析
Wendy
05-04 1万+
之所以会写这篇文章，是因为在做笔试题的时候，会遇到一题很经典的题目，关于setTimeout的输出结果，下面我们先来看一道题目： for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000); } console.log(i);      我相信只要是做过前端笔试题
promise、async、await、settimeout异步原理与执行顺序
极客神殿
05-16 1165
一道经典的前端笔试题，你能一眼写出他们的执行结果吗？ async function async1() { console.log("async1 start"); await async2(); console.log("async1 end"); } async function async2() { console.log( 'async2');
从setTimeout和Promise的执行顺序来了解JS的执行机制
蘑菇炸了
07-29 1258
JS是单线程的 不同于Java等多线程语言,JavaScript这门语言是单线程的,这与它的用途是相关的.大家都知道JavaScript诞生之初就是作为浏览器的脚本语言.所以它的主要用途就是与用户进行交互以及操作DOM.假如有两个线程,其中一个线程想要添加一个节点,而另一个线程则想要删除一个节点.如果这两个线程同时运行,那么结果势必会导致混乱,所以JavaScript是一门单线程的语言. 同步和异步 JavaScript虽然是单线程的,但是也是分 同步 和 异步 的.像我们平时用的比较多的 ajax 请求,
setTimeout 详解
热门推荐
Dark_programmer的博客
03-30 4万+
1. setTimeout 定义 setTimeout( )是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method。 setTimeout()方法设置一个定时器，该定时器在定时器到期后执行一个函数或指定的一段代码。 2. 参数详解 刚刚在研究promise的时候，发现setTimeout( )不...
js 中的SetTimeOut()
u010450065的专栏
10-31 3952
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method setTimeout setTimeout 语法例子 用 setTimeout 来执行 function 不断重复执行的 setTimeout 设定条件使 setTi
promise.all 异步执行
最新发布
11-24
`Promise.all()`方法可以并行执行多个异步操作，并在所有异步操作完成后执行回调函数。它接受一个由Promise对象组成的数组作为参数，返回一个新的Promise对象，该对象在所有Promise对象都已成功解决时解决，并将每个Promise对象的解决值作为数组传递给回调函数。 以下是一个使用`Promise.all()`方法的示例，其中我们使用`setTimeout()`模拟异步操作： ```javascript const promise1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('Promise 1 resolved'); }, 2000); }); const promise2 = new Promise((resolve, reject) => { setTimeout(() => { resolve('Promise 2 resolved'); }, 1000); }); Promise.all([promise1, promise2]).then((values) => { console.log(values); }); ``` 在上面的示例中，`Promise.all()`方法接受一个包含两个Promise对象的数组作为参数。在2秒后，`promise1`对象将被解决，并返回一个字符串。在1秒后，`promise2`对象将被解决，并返回另一个字符串。当两个Promise对象都已成功解决时，`Promise.all()`方法将返回一个新的Promise对象，并将两个解决值作为数组传递给回调函数。在这种情况下，回调函数将打印以下内容： ``` [ 'Promise 1 resolved', 'Promise 2 resolved' ] ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值