setTimeout、同步、异步的理解

最新推荐文章于 2023-05-07 23:43:44 发布
最新推荐文章于 2023-05-07 23:43:44 发布
阅读量1.6k 收藏
点赞数
分类专栏： JS
_晴空_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
通过Promise + setTimeout，实现JavaScript 的同步延迟简单示例
lt_xiaodou的博客
08-24 2900
过去在写 JavaScript 使用的同步延迟时，都是用非同步的 setTimeout 加上 callback 来实现，但如果有很多个任务或流程要执行，就得用上一大堆的 callback，然而 JavaScript 里的 Promise ，刚好就可以用来解决同步与非同步的问题，让整个延迟的过程可以很漂亮简洁且同步的「串」在一起。
如何通过把setTimeout异步转为同步
最新发布
greed
11-14 552
以下是延时10秒的效果 先打印27秒 等待10秒后执行后面的代码。
javascript中setTimeout
soputasmile的笔记
02-07 2676
1. settimeout用法 1.1 基本使用 语法: setTimeout(code,millisec) code必填，调用函数；millisec非必填，如果不填就认为是0。settimeout()表示millisec毫秒后把code的代码放到执行队列（注意不是立即执行，后面会讲到） 例子： let timeout2 = setTimeout(() => { console.log('haha') }, 1000); 1000ms后会输出‘haha’ 作为定时器使用 let test =
同步任务、异步任务、宏任务、微任务、任务的执行过程实例详解、setTimeout()是同步还是异步
qq_56715703的博客
05-07 4221
JavaScript是单线程语言，也就是说，只有一条通道，且js中任务是按顺序依次执行的，但若有一个任务时间过长，就会让后续任务一直等待。为了解决这个问题，将任务分为同步任务和异步任务，异步任务又分为宏任务和微任务。
setTimeout和setInterval以及同步和异步
乔的博客
04-13 6597
1、setTimeout（fn，time）超时调用，超过时间time，就执行fn。 2、setInterval（fn，time）间歇调用，每调用周期时间time，就执行fn 两者调用后，都返回一个数值id，此id是计划执行代码的唯一标识符，可以通过他来取消尚未执行的调用。 clearTimeout（id）和clearInterval（id） 注意：取消间歇调用的重要性远远高于取消超时调用。因为在不...
深入理解JavaScript编程中的同步与异步机制
12-10
理解异步代码 JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函数作为第一参数和一个毫秒时间作为第二参数。以下是用法举例：   console.log( ...
Nodejs让异步变成同步的方法
01-02
异步给我们带来的性能是明显的,但同时也给我们带了复杂的业务逻辑过程，特别请求依赖多的时候，下面我们来看看如何解决此类这样的问题。 使用方法 在这里我们信赖于co这个库。 npm install co --save #or yarn add...
setTimeout和setInterval的深入理解
01-21
所以其实setTimeout和setInterval所谓的“异步调用”事实上是通过将代码段插入到代码的执行队列中实现的。 而如何计算插入的时间点呢？自然是要用到我们所说的timer，也就是计时器。当执行setTi
更快的异步执行(setTimeout多浏览器)
01-21
如果要异步执行一个函数，我们最先想到的方法肯定会是setTimeout 例如：setTimeout(function( /* 1s后做点什么 */){},1000} 那如果说要最快速地异步执行一个函数呢？ 是否会是： setTimeout(function( /* 尽快做点...
如何将含有定时器setTimeout函数变为一个同步函数
树上骑个猴的博客
12-29 5204
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> </style> <body> <script> const myFun = async () => { return new Promis
js 或 油猴 循环内 setTimeout 同步定时
wuchoujb的博客
05-07 1642
文章目录使用 js 内置方法个人理解代码实现 使用 js 内置方法 使用 await 官方描述 转至官方解释 重点为 暂停 async 方法 ，所以才可以实现 同步定时 个人理解 使用定义异步函数，异步函数内 调用同步方法， 等待同步方法 返回值后，异步方法继续执行 代码实现 function delate(x) { return new Promise(resolve => { setTimeout(() => { co
setTimeout是不是异步操作
liuguochao1024的博客
01-23 6512
同步和异步操作的区别就是是否阻碍后续代码的执行。 在setTimeout的执行形式上来看，setTimeout是不会阻碍其后续代码的执行的。所以可以理解为setTimeout是异步操作。 setTimeout的本质不是延迟多长时间执行，而是延迟多长时间把setTimeout中的回调函数放到执行栈中，这也是setTimeout的回调函数执行会比定义的延迟时间稍长的原因。这个时候有一个新的问题出现
setTimeout异步
风华绝代的博客
10-15 2678
同步任务和异步任务 同步和异步操作的区别就是是否阻碍后续代码的执行。 同步任务是那些没有被引擎挂起、在主线程上排队执行的任务。只有前一个任务执行完毕，才能执行后一个任务。 异步任务是那些被引擎放在一边，不进入主线程、而进入任务队列的任务。只有引擎认为某个异步任务可以执行了（比如 Ajax 操作从服务器得到了结果）【发布订阅】，该任务（采用回调函数的形式）才会进入主线程执行。排在异步任务后面的...
深刻理解setTimeout
weixin_57913339的博客
04-19 176
setTimeout的本质不是延迟多长时间执行，而是延迟多长时间把setTimeout中的回调函数放到执行栈中，这也是setTimeout的回调函数执行会比定义的延迟时间稍长的原因。这个时候有一个新的问题出现了，setTimeout本身并没有去调用其他的线程，仅仅是把本身需要执行的代码延后执行，尽管实现了异步操作的样子，但我个人认为，setTimeout并不是严格意义上的异步操作，只能称之为延迟操作。在setTimeout的执行形式上来看，setTimeout是不会阻碍其后续代码的执行的。
一篇文章彻底搞懂异步，同步，setTimeout，Promise，async
热门推荐
吴小迪的博客
06-10 5万+
之前翻看别的大佬的博客看到了关于setTimeout，promise还有async执行顺序的文章。观看了几篇之后还是没有怎么看懂，于是自己开始分析代码，并整理了此文章，我相信通过此文章朋友们能对异步同步还有，setTimeout,Promise,async这些内容了然于胸，接下来让我们走入正题： ...
setTimeout()是不是真正的异步
qq_42728133的博客
05-19 3332
关于setTimeout是否是异步的问题一直很疑惑，今天查看了几篇他人的解释，做一下个人学习笔记。 首先 执行这样一段代码 console.log(111) setTimeout(() => { console.log(222); }, 3000) console.log(333) setTimeout(() => { console.log(444); }, 0) console.log(555) setTimeout(() => { console.log
setTimeout定时器的异步及let循环中的同步异步问题 个人理解笔记
weixin_13107613013的博客
07-05 2361
新手个人理解  如有误解   敬请各位前辈评论指出 谢谢例1： for循环setTimeout定时器：for(var i = 1 ; i &lt;= 5; i++){ (function(){ setTimeout(function timer(){ console.log(i); },1000*i); })();}上述代码预期分别输出 1  2  3  4  5   但是实际输出 6  6 ...
前端面试 异步解决，异步变同步
07-12
在前端开发中，我们经常会遇到需要处理异步操作的情况。异步操作是指不会阻塞代码执行的操作，例如发送网络请求、读取文件等。而同步操作则是会阻塞代码执行的操作。 为了解决异步操作带来的问题，我们可以使用回调函数、Promise、async/await等方式将异步代码转换为同步代码。 1. 回调函数：通过在异步操作完成后执行指定的回调函数来处理异步结果。例如： ```javascript function fetchData(callback) { setTimeout(function() { const data = '异步数据'; callback(data); }, 1000); } fetchData(function(data) { console.log(data); }); ``` 2. Promise：Promise 是一种用于处理异步操作的对象。它可以表示一个异步操作的最终完成或失败，并返回结果或错误信息。例如： ```javascript function fetchData() { return new Promise(function(resolve, reject) { setTimeout(function() { const data = '异步数据'; resolve(data); }, 1000); }); } fetchData().then(function(data) { console.log(data); }); ``` 3. async/await：async/await 是基于 Promise 的一种异步编程模型，使得异步代码看起来像同步代码，更易于理解和维护。例如： ```javascript function fetchData() { return new Promise(function(resolve, reject) { setTimeout(function() { const data = '异步数据'; resolve(data); }, 1000); }); } async function fetchDataAsync() { const data = await fetchData(); console.log(data); } fetchDataAsync(); ``` 这些是常见的解决异步操作的方式，根据具体需求和项目情况，选择合适的方式来处理异步操作。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值