setTimeout与promise基础

最新推荐文章于 2024-05-16 15:12:29 发布
最新推荐文章于 2024-05-16 15:12:29 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： vue promise 异步同步 文章标签： promise
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lucynie/article/details/99693144
版权
vue 同时被 3 个专栏收录
16 篇文章 1 订阅
订阅专栏
promise
1 篇文章 0 订阅
订阅专栏
异步同步
1 篇文章 0 订阅
订阅专栏

说来惭愧，一直用async/await，但是却没有懂到底是干啥的。。。感谢大佬最近指导了一波，总算知道了最基础的该怎么用。。。

先来说说同步和异步吧~~~

通俗点理解~~~

同步：得按顺序一个一个来，如果中途有一个耗时很长，那后面也都得等着（遵循先来后到）

异步：当前异步函数可以先搁置一边慢慢执行，先执行后面的。。。

setTimeout延时，如果想让延时的按顺序一步一步执行怎么解决呢？

直奔主题，先来看看最初的理解：（我以为会等着延时，可实际不是的）

我以为结果会是：1,2,3,4,5

实际结果：

经过调整：

结果这才达到预期：

（箭头函数，promise啥的一堆es6的还得多补补课~~~）

空那个白
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
回调地狱（callback）和promise以及将setTimeout封装成promise
qq_40240053的博客
09-24 1623
Callback与Promise，将setTimeout封装成Promise 为什么回调地狱（Callback hell）会发生？ Promise披着怎样的面纱？ 首先Promise的出现，是为了将困在Callback hell中的芸芸众生解救出来，相信回调地狱是JavaScript开发人员最头疼的问题之一吧！尤其在接手前人的代码时，打开看到满满的Callback嵌套，是不是很想递出辞职信；那么Promise是如何解救痛苦中的芸芸众生的呢！ 目录 1.回调函数的顺序与回调地狱 2.定时器 3.网络请求
通过Promise + setTimeout，实现JavaScript 的同步延迟简单示例
lt_xiaodou的博客
08-24 2941
过去在写 JavaScript 使用的同步延迟时，都是用非同步的 setTimeout 加上 callback 来实现，但如果有很多个任务或流程要执行，就得用上一大堆的 callback，然而 JavaScript 里的 Promise ，刚好就可以用来解决同步与非同步的问题，让整个延迟的过程可以很漂亮简洁且同步的「串」在一起。
利用定时器setTimeout模拟es6-Promise过程
树上骑个猴的博客
01-21 961
在写前端的时候需要一个定时器来模拟promise的返回 <script> var myFirstPromise = new Promise(function(resolve, reject){ //当异步代码执行成功时，我们才会调用resolve(...), 当异步代码失败时就会调用reject(...) //在本例中，我们使用setTimeout(...)来模拟异步代码，实际编码时可能是XHR请求或是HTML5的一些API方法. setTimeout(function(){.
setTimeout和promise
2197
08-06 3126
1&gt;两个异步队列不一样，promise所在的异步队列优先级要高一点。 setTimeout(function(){ console.log(1); },0); new Promise(function executor(resolve){ resolve(); }).then(function(){ console.log(2); })//2,1 解释下面的代码：创建promis...
vue---Promise和setTimeout实现sleep函数
最新发布
bidepanm的博客
05-16 552
这个函数接受一个毫秒数，返回一个Promise对象。调用这个函数后，会等待传入的时间（即休眠）后，Promise对象会被resolve。可以用await关键字等待Promise解决（即休眠完成），然后再执行下一步操作。上述代码会输出 start，然后等待1秒钟后才输出 end。
浅谈Promise与Settimeout
qq_48314377的博客
07-23 827
Promise和setTimeout
js代码-Promise 基础使用
07-15
在`main.js`文件中，我们可能会看到类似这样的代码，演示了Promise的用法，比如异步操作如Ajax请求或者setTimeout。`README.txt`可能是对整个项目的简单说明，包括Promise的用途、如何运行示例等。 Promise的链式...
alert中断settimeout计时功能
09-05
JavaScript中的`setTimeout`函数是一个非常基础且常用的异步编程工具，它允许我们在指定的毫秒数后执行一个函数或表达式。然而，在某些特定情况下，比如当遇到`alert`、`prompt`或`confirm`这样的阻塞型浏览器对话框...
认识延迟时间为0的setTimeout
09-06
在深入理解延迟时间为0的`setTimeout`之前，我们先回顾一下JavaScript引擎的基础知识。 JavaScript引擎遵循单一线程执行模型，这意味着在任何时候只有一个任务在运行。这种设计保证了代码的执行顺序是可预测的，...
setTimeout和setInterval的深入理解
09-04
**setInterval**与`setTimeout`类似，但它会周期性地执行回调函数，直到被`clearInterval`清除。然而，与`setTimeout`一样，`setInterval`的执行时机也是在当前代码执行完毕后。这意味着如果回调函数执行时间超过...
ES6中的Promise代码详解
08-29
在JavaScript的世界里，ES6（ECMAScript 2015）引入了许多新特性，其中Promise是解决异步编程复杂性的一个重要工具。...Promise是现代JavaScript异步编程的基础，对于任何JavaScript开发者来说都是必须掌握的知识点。
js后面代码停止一秒执行_JS事件循环机制
weixin_39946239的博客
12-03 4292
JS中存在一个叫做执行栈的东西。JS的所有同步代码都在这里执行，当执行一个函数调用时，会创建一个新的执行环境并压到栈中开始执行函数中的代码，当函数中的代码执行完毕后将执行环境从栈中弹出，当栈空了，也就代表执行完毕。这里有一个问题是代码中不只是同步代码，也会有异步代码。当一个异步任务执行完毕后会将任务添加到任务队列中。例如：setTimeout(_=>{}, 1000)代码中setTimeou...
回调函数，setTimeout，Promise
aa1143258364的博客
10-22 254
回调函数 在函数里调用传进来的函数（参数），该函数叫回调函数。 好处： 让封装的函数更灵活 异步 forEach使用的回调函数 let ary = []; ary.forEach(function(){ }); let ary=[2,3,4,5,6,7,8] let sort=function(ary,func){ for(let...
setTimeout和promise组合使用实现不同的时间切换内容显示
小丫头的博客
08-20 391
function sleepwait(duration){ return new Promise(function(resolve){ setTimeout(resolve,duration); }) } async function changepage(page,duration){ if(page==1){ console.lo...
es6 promise setInterval setTimeout混合使用
邱凯翔 Edward 的个人博客
07-25 6548
Question 最近在使用promise过程中突然想到如果在promise的resolve，reject中调用setInterval，会不会持续的触发resolve操作？ Answer 尝试编写下面的代码： function a() { return new Promise((resolve, reject) =&amp;gt; { setInterval(()=&amp;g...
promise、setTimeout混搭的 JavaScript 运行机制
湾湾叉会儿腰的博客
12-21 493
promise、setTimeout混搭的 JavaScript 运行机制 笔试题总考，一次又一次再见面的兄弟 promise 和 setTimeout真让人欲罢不能（雾）。真的受不了每次浑水摸鱼猜（真实），这次看了各有趣的总结，在此做个总结！！ 参考： https://juejin.im/post/59e85eebf265da430d571f89#heading-3 首先先要知道 promi...
setTimeout、Promise、Async/Await 的详解和区别
Br不二
04-03 563
`setTimeout`、`Promise`和`async/await`在JavaScript中各自扮演着不同的角色，它们主要用于处理异步操作，但具体实现和用法上存在一些区别。
setTimeout、Promise 性能比较
chengRantianxia的博客
07-27 1666
setTimeout 属于宏任务（MacroTask）， Promise 属于微任务（MicroTask），二者并不在一个异步队列中。 无论是宏任务还是微任务，都是异步任务。在 JavaScript 中的异步是靠事件循环来实现的，拿大家最常见的 setTimeout 为例。 // 同步代码 let count = 1; setTimeout(() => { // 异步 count = 2; }, 0); // 同步 count = 3; 一个异步任务会被丢到事件循环的队列中..
setTimeout和Promise区别（宏任务和微任务）
u011200562的博客
05-05 2869
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
promise 链式diao yong
06-13
Promise 链式调用是指在一个 Promise 的基础上进行连续的 `then` 调用，以实现顺序执行异步操作的目的。一个 Promise 对象可以通过调用 `then` 方法返回一个新的 Promise 对象，从而实现链式调用。在链式调用中，每...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值