JavaScript单线程，微任务，宏任务

最新推荐文章于 2024-01-12 11:34:19 发布
最新推荐文章于 2024-01-12 11:34:19 发布
阅读量110 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46813929/article/details/110825551
版权

文章目录

一、JavaScript的单线程

从一诞生，JavaScript 就是单线程，这已经成了这门语言的核心特征，将来也不会改变。
为了利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允许 JavaScript 脚本创建多个线程，但是子线程完全受主线程控制，且不得操作 DOM。所以，这个新标准并没有改变 JavaScript 单线程的本质。

二、微任务，宏任务

因为js是单线程，所以在js执行的时候代码从上往下执行，先执行同步代码，在同步代码执行完毕之后，执行异步代码，
任务执行

在这里插入图片描述

setTimeout(() => {
   
    //执行后 回调一个宏事件
    console
最低0.47元/天 解锁文章
官方小可爱√
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript单线程和任务队列原理解析
10-15
当主线程的执行栈为空时，JavaScript引擎会检查任务队列，将其中的异步任务取出，按照一定的规则（宏任务和微任务的区别）放入执行栈进行执行。 任务队列分为多个类型，包括宏任务（macrotask）和微任务（microtask...
Promise 一些面试题
又一个四季在轮回
09-25 210
setTimeout(() => { //执行后 回调一个宏事件 console.log('内层宏事件3') }, 0) console.log('外层宏事件1'); new Promise((resolve) => { console.log('外层宏事件2'); resolve() }).then(() => { console.log('微事件1'); }).then(()=>{ console.log('微事件2') })
（基础）Promise的resolve参数
次顶级的博客
12-12 2823
Promise的resolve传入参数的几种情况
new Promise(resolve => { console.log('promise'); resolve(5); }).then(value=>{ console.log('the...
weixin_42591908的博客
02-14 367
这段代码的执行结果为： 输出 "promise" 调用 func1，输出 "func1" 设置了一个 setTimeout 函数，在一段时间后，输出 "setTimeout" Promise 的 resolve 函数被调用，传入值为 5，输出 "then回调 5" 注意：setTimeout 是异步执行的，所以不能确定它具体在什么时候输出，但是它一定是在 func1 之后执行。 ...
async...await中使用使用Promise对象的一些注意问题
CheyBen的博客
03-05 1325
await后可以跟一个异步表达式（如promise的表达式），也可以跟一个普通的表达式（如：console.log(123)） 例子1：如果await紧跟一个没有resolve的promise对象，则后续的代码不会被执行。如： async function a(){ // 如果await后是promise对象 await new Promise(resolve => ...
[javascript核心-07] 带你彻底弄懂事件循环机制、宏任务、微任务
技术无止境，人生仍探索。
06-06 586
带你彻底弄懂事件循环机制、宏任务、微任务，大前端知识体系与面试宝典，从前端到后端，全栈工程师，成为六边形战士
浅谈javascript事件环微任务和宏任务队列原理
10-14
JavaScript 是单线程的，这意味着它在同一时刻只能处理一个任务。当遇到异步操作如`setTimeout`、`Promise`或DOM事件时，这些任务不会立即执行，而是被放入特定的队列。微任务（Microtasks）和宏任务（Macrotasks）...
JS事件循环机制event loop宏任务微任务原理解析
10-14
总之，JavaScript的事件循环机制是其异步编程模型的核心，理解宏任务和微任务的区别以及它们在事件循环中的执行顺序，对于编写高效、可维护的JavaScript代码至关重要。通过不断实践和学习，开发者可以更好地掌控...
js代码-微任务，宏任务
07-16
首先，我们要明白JavaScript是一种单线程语言，这意味着在同一时间只能执行一个任务。为了解决这个问题，JavaScript引入了异步编程模型，使得非阻塞操作成为可能。这主要通过事件循环（Event Loop）来实现，它将任务...
promise输出结果题
qq_43287656的博客
05-23 353
这题也是执行完一个then之后再把另一个then加进去的题。1.进入到script标签,就进入到了第一次事件循环.3.遇到宏任务,放入到宏任务队列里.4.遇到微任务,放入到微任务队列里.7.微任务代码执行完毕，本次队列清空。8.寻找下一个宏任务，重复步骤1。2.遇到同步代码，立即执行。5.执行完所有同步代码。
宏任务和微任务异步和单线程
好的文章我尽力写，大家的学习我尽力帮
01-19 978
一、什么是宏任务和微任务 js的逻辑执行机制是先执行同步的任务再执行异步的任务，而任务又分为宏任务和微任务，那么就是先执行微任务再执行宏任务。 二、异步和单线程 像这种情况new promise就是同步，它的回调就是异步。 1）所有的同步任务都在主线程上执行，行成一个执行栈。 2）除了主线程之外，还存在一个任务列队，只要异步任务有了运行结果，就在任务列队中植入一个时间标记。 ...
Event loop事件循环(一文带你了解 宏任务，微任务与主线程的区别)
qq_43198727的博客
11-01 259
Event loop 事件循环
关于一道promise的诡异题目的理解
hemanzi_17的博客
04-11 2503
要解决的题目如下： Promise.resolve().then(() => { console.log(0); return Promise.resolve(4); }).then((res) => { console.log(res) }) Promise.resolve().then(() => { console.log(1); }).then(() => { console.log(2); }).then(() => {
Promise面试题合集(问题+答案)
最新发布
DeepLearning_的博客
01-12 3112
好的，让我们来总结一下.then()和.race()吧，😄的作用是接收一组异步任务，然后并行执行异步任务，并且在所有异步操作执行完后才执行回调。.race()的作用也是接收一组异步任务，然后并行执行异步任务，只保留取第一个执行完成的异步操作的结果，其他的方法仍在执行，不过执行结果会被抛弃。结果中数组的顺序和接收到的数组顺序一致。all和race传入的数组中如果有会抛出异常的异步任务，那么只有最先抛出的错误会被捕获，并且是被then的第二个参数或者后面的catch捕获；
其实你不知道 Promise.then
小王的技术库
11-10 1334
你真的完全知道Promise的执行顺序吗，如果你只通过 [Promise A+ 规范]了解promise，你一定不能完全理解Promise，不信的话你来看看下面这道题// 如果注释这一行，结果又会是什么呢}).then(() => {console.log(4);});});如果你不能清晰的说出这两种情况的过程，这篇文章一定对你有帮助。Promise 基本语法事件循环模型微任务显示指定类型为promise作为返回值，会引起js 解析引擎额外的处理过程，在时间顺序上完全等同于插入两个 then。
一道promise的题
Voiceu的博客
05-29 1381
Promise.resolve().then(() => { console.log(0); return Promise.resolve(4); }).then((res) => { console.log(res) }) Promise.resolve().then(() => { console.log(1); ...
js的单线程 微任务和宏任务
逆流的博客
12-07 87
js的单线程 JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。 JavaScript 的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript 的主要用途是与用户互动，以及操作 DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。 所以，为了避免复杂性，从一诞生，JavaScript 就是单线程，这已经成了这门语言的核心特征，将来也不会改变。 为了利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允许 JavaScript 脚本创
Promise - then参数回调函数返回值为Promise对象时产生的两次微任务说明
伏城之外的博客
05-11 2324
【JS】因两道Promise执行题让我产生自我怀疑，从零手写Promise加深原理理解 - 听风是风 - 博客园 (cnblogs.com) Promise.resolve().then(() => { console.log(0); return Promise.resolve(4); }).then((res) => { console.log(res) }) Promise.resolve().then(() => { console.log(1
【异步系列三】10道 Promise 面试题彻底理解 Promise 异步执行顺序
二三的博客
09-23 6887
上一篇文章详细说明了关于 Promise 的概念以及执行顺序，Promise 作为 JavaScript 中的关键特性，无论是在日常工作中还是面试中，我们都必须掌握它。前段时间在网上看到了一些关于 Promise 的面试题，质量很好，在这里整理到下面，并加上我一些自己的见解，欢迎斧正！
js事件循环机制以及宏任务微任务
05-23
JavaScript 是一门单线程语言，也就是说在同一时间内只能执行一个任务。但是它又需要处理各种不同的任务，如 UI 事件、网络请求等。为了解决这个问题，JavaScript 引入了事件循环机制。 事件循环机制基于一个事件...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值