setTimeout与Promise的区别

最新推荐文章于 2024-02-12 08:15:00 发布
最新推荐文章于 2024-02-12 08:15:00 发布
阅读量1.7k 收藏 2
点赞数 1
文章标签： javascript ui ViewUI
原文链接：http://www.cnblogs.com/moneyss/p/10691606.html
版权

1,4,3,2

Promise是一个micro task  主线程是一个task  micro task queue会在task后面执行

setTimeout返回的函数是一个新的task macro task queue

所以Promise会先于新task执行

 

根据html标准  一个task执行完后 ui会重渲染 

 

vue源码：    nextTick异步更新dom操作先判断是否支持Promise  再判断是否支持MutationObserve 最后是setTimeout

 

macroTask Queue(宏任务队列) ： setTimeout  setInterval   setImmediate   requestAnimationFrame  NodeJS的I/O

microTask Queue（微任务队列）：

promise   （独立回调）其成功／失败回调函数相互独立

复合回调： Object.observe, MutationObserver 和NodeJs中的 process.nextTick ，不同状态回调在同一函数体

 

 requestAnimationFrame是html5的api  有兼容性问题 但是精度比较高

它的时间间隔是系统决定的  保证屏幕刷新一次  回调函数只执行一次 比如屏幕刷新的频率是60hz 间隔1000ms/60hz执行一次回调

 

转载于:https://www.cnblogs.com/moneyss/p/10691606.html

weixin_30535565
关注
JavaScript 中 setTimeout 与 Promise 的执行顺序
python_bug262的博客
10-02 106
由于 setTimeout 的延迟时间设置为 0 毫秒，所以它的回调函数将被推入事件队列，等待主线程空闲时执行。可以看到，setTimeout 的回调函数在 Promise 的回调函数之后执行。这是因为 Promise 的回调函数会被添加到微任务队列中，而 setTimeout 的回调函数会被添加到宏任务队列中。微任务队列的优先级高于宏任务队列，因此 Promise 的回调函数会先于 setTimeout 的回调函数执行。Promise 提供了 then() 方法，允许我们在操作完成后执行相应的回调函数。
setTimeout、Promise、Async/Await 的区别
flowRight的博客
07-11 1101
一、event loop JS主线程不断的循环往复的从任务队列中读取任务，执行任务，这中运行机制称为事件循环（event loop）。 二、Microtasks、Macrotasks Microtasks和Macrotasks是异步任务的一种类型，Microtasks的优先级要高于Macrotasks，下面是它们所包含的api： microtasks process.nextTick prom...
浅析setTimeout与Promise
weixin_34185320的博客
08-12 160
关于JavaScript异步编程，前文解析过了JavaScript并发模型，该并发模型基于事件循环。正巧又在Stackoverflow上回答了一个关于setTimeout与Promise执行顺序相关的问题，于是总结这一知识点，与更多读者分享，同时完善JavaScript异步编程系列文章。 我的个人博客 前言 我们先看一到常见的前端面试题： var p1 = new Promise(function...
Promise与setTimeout
CodingBleeding的博客
10-15 2314
Promise是ES6新提出的概念，可以把它看作是异步操作和回调函数的中转站，或者是保存异步操作结果的容器。通过Promise，可以将异步操作通过同步流程表现出来。具体介绍参考ESMAScript6 入门。 之前在网上看到一道题目： (function test() { setTimeout(function() {console.log(4)}, 0); new Promise(functi
setTimeout和Promise区别（宏任务和微任务）
u011200562的博客
05-05 2969
javascript的宏任务和微任务 宏任务有Event Table、Event Queue，微任务有Event Queue 1.宏任务：包括整体代码script，setTimeout，setInterval、I/O、UI 交互事件、setImmediate(Node.js 环境)； 2.微任务：Promise、MutaionObserver、process.nextTick(Node.js 环境) 注：new Promise中的代码会立即执行，then函数分发到微任务队列，process.next
setTimeout、Promise 性能比较
chengRantianxia的博客
07-27 1737
setTimeout 属于宏任务（MacroTask）， Promise 属于微任务（MicroTask），二者并不在一个异步队列中。 无论是宏任务还是微任务，都是异步任务。在 JavaScript 中的异步是靠事件循环来实现的，拿大家最常见的 setTimeout 为例。 // 同步代码 let count = 1; setTimeout(() => { // 异步 count = 2; }, 0); // 同步 count = 3; 一个异步任务会被丢到事件循环的队列中..
定时器和promise_浅析setTimeout与Promise
weixin_29146477的博客
02-12 778
关于JavaScript异步编程，前文解析过了JavaScript并发模型，该并发模型基于事件循环。正好在Stackoverflow上回答了一个关于setTimeout与Promise执行顺序相关的问题，于是总结这一知识点，与更多读者分享，同时完善JavaScript异步编程系列文章。前言我们先看一到常见的前端面试题：var p1 = new Promise(function(resolve, r...
delay:setTimeout的Promise API
05-16
setTimeout API。 它具有与模块相同的功能，但全部以打字稿编写。 安装 $ yarn add delay.ts 用法 import delay , { delayReject , delayThen , delayCatch } from 'delay.ts' ; delay ( 3 * 1000 , 'some value' ...
ajax和settimeout的执行顺序,深入理解setTimeout async promise执行顺序
weixin_34285757的博客
08-05 1115
下面是今日头条的一道前端面试题：async function async1() {console.log("async1 start");await async2();console.log("async1 end");}async function async2() {console.log("async2");}console.log("script start");setTimeout(fu...
JavaScript中Promise和setTimeout的区别
zhoulu001的专栏
03-12 7970
    最近在看vue源码，发现vue中的nextTick异步更新dom操作是先判断是否支持Promise，如果不支持就判断是否支持MutationObserval,如果也不支持的话，最后才是setTimeout。/** * Defer a task to execute it asynchronously. */ var nextTick = (function () { var cal...
setTimeout和promise
2197
08-06 3148
1>两个异步队列不一样，promise所在的异步队列优先级要高一点。 setTimeout(function(){ console.log(1); },0); new Promise(function executor(resolve){ resolve(); }).then(function(){ console.log(2); })//2,1 解释下面的代码：创建promis...
js后面代码停止一秒执行_JS事件循环机制
weixin_39946239的博客
12-03 4388
JS中存在一个叫做执行栈的东西。JS的所有同步代码都在这里执行，当执行一个函数调用时，会创建一个新的执行环境并压到栈中开始执行函数中的代码，当函数中的代码执行完毕后将执行环境从栈中弹出，当栈空了，也就代表执行完毕。这里有一个问题是代码中不只是同步代码，也会有异步代码。当一个异步任务执行完毕后会将任务添加到任务队列中。例如：setTimeout(_=>{}, 1000)代码中setTimeou...
谈谈setTimeout、Promise、Async/Await 的区别
qq_39689241的博客
10-10 1139
首先我们谈谈Event Loop： setTimeout是一个macro任务 promise、和await后续为micro任务 所以在执行顺序上会先进行同步代码，再者Promise、Async/Await，最好setTimeout。 谈谈Promise、Async/Await差异 promise是resolve为异步方法，将放入微任务队里里执行，但是resolve前后的正常代码为同步代码；...
js异步编程 setTimeout、Promise、Async/Await 的区别
$狴犴^的博客
12-23 1514
setTimeout、Promise、Async/Await 的区别 setTimeout( )Promise 首先先了解js的执行顺序: 1、JS是单线程语言，包括同步任务、异步任务，异步任务又包括宏观任务和微观任务 2、执行顺序：同步任务——>微观任务——>宏观任务 3、宏观任务的方法有：script(整体代码)、setTimeout、setInterval、I/O、UI交互事件、postMessage、MessageChannel、setImmediate(Node.js 环境) 4、微观
浅谈promise、setTimeout和nextTick的区别
Sakura_Codeboy的博客
08-30 3705
前言：为了在业余时间充实自己，不仅仅每天写上班所用的业务流程，作为一个刚刚踏入前端行业的小白，更加需要利用好碎片时间自我进修。因为平时主要使用vue，所以对常用的几个延迟调用方法（promise、setTimeout和nextTick）产生了好奇，它们同时执行的时候会有什么结果呢。 先看看promise、setTimeout和nextTick在文档中的定义： promise Promise是最早由...
setTimeout、promise、async/await 的区别
wangpachong的博客
04-28 4126
setTimeout、promise、async/await 的区别 setTimeout属性宏任务，Promise里面的then方法属于微任务，Async/Await中await语法后面紧跟的表达式是同步的，但接下来的代码是异步的，属于微任务。 宏任务优先级： 主代码块 > setImmediate > MessageChannel > setTimeout / setInterval 微任务优先级 微任务microtask：process.nextTick > Promise =
前端JavaScript篇之setTimeout、Promise、Async/Await 的区别
星辰迷上大海的博客
02-12 2538
setTimeout是JavaScript中的一个函数，用于在一定的时间间隔后执行指定的代码。
浅谈Promise与Settimeout
qq_48314377的博客
07-23 948
Promise和setTimeout
settimeout promise async/await 区别
最新发布
04-03
setTimeout、Promise和async/await是JavaScript中处理异步操作的三种方式，它们之间有以下区别： 1. setTimeout是一个用于延迟执行的函数，它接受一个回调函数和延迟时间作为参数。当延迟时间到达后，回调函数会被...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值