js的单线程 微任务和宏任务

最新推荐文章于 2024-08-09 21:30:00 发布
最新推荐文章于 2024-08-09 21:30:00 发布
阅读量88 收藏
点赞数 1
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/t5_5_5_5_5_7_7/article/details/110826474
版权
JavaScript的核心特性是单线程，为避免复杂同步问题。当遇到异步任务时，它们会被放入队列，待同步代码执行完后处理。异步分为微任务和宏任务，形成了著名的事件循环机制，确保了代码的有序执行。了解这一机制对于优化JavaScript性能至关重要。
摘要由CSDN通过智能技术生成
js的单线程

JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。

JavaScript 的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript 的主要用途是与用户互动，以及操作 DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。

所以，为了避免复杂性，从一诞生，JavaScript 就是单线程，这已经成了这门语言的核心特征，将来也不会改变。

为了利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允许 JavaScript 脚本创建多个线程，但是子线程完全受主线程控制，且不得操作 DOM。所以，这个新标准并没有改变 JavaScript 单线程的本质。

异步

单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这就造成了进程的阻塞

当我们主线程遇到异步事件时，他并不会立刻执行 而是会去放进一个异步队列中，当我们所有的同步代码执行完毕时，js才会执行异步对列中的方法

微任务和宏任务

微任务和红任务

事件循环

在这里插入图片描述

_逆流
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS中的同步与异步
weixin_43550660的博客
09-28 157
JS中的同步与异步 一、JS中同步异步编程 浏览器是多线程，JS是单线程的（浏览器只分配一个线程来执行JS） 进程大线程小：一个进程中包含多个线程，例如在浏览器中打开一个HTML页面就占用了一个进程，加载页面的时候，浏览器分配一个线程去计算DOM树，分配其他的线程去加载 对应的资源文件。。。在分配一个线程去自上而下执行JS 同步：在一个线程上（主栈/主任务队列）同一个时间只能做一件事情，当前事...
宏任务和微任务异步和单线程
好的文章我尽力写，大家的学习我尽力帮
01-19 981
一、什么是宏任务和微任务 js的逻辑执行机制是先执行同步的任务再执行异步的任务，而任务又分为宏任务和微任务，那么就是先执行微任务再执行宏任务。 二、异步和单线程 像这种情况new promise就是同步，它的回调就是异步。 1）所有的同步任务都在主线程上执行，行成一个执行栈。 2）除了主线程之外，还存在一个任务列队，只要异步任务有了运行结果，就在任务列队中植入一个时间标记。 ...
Promise 一些面试题
又一个四季在轮回
09-25 223
setTimeout(() => { //执行后 回调一个宏事件 console.log('内层宏事件3') }, 0) console.log('外层宏事件1'); new Promise((resolve) => { console.log('外层宏事件2'); resolve() }).then(() => { console.log('微事件1'); }).then(()=>{ console.log('微事件2') })
js 单线程、宏任务与微任务的区别以及执行顺序是什么
小草莓的博客
07-22 2901
宏任务：指消息队列中的等待被主线程执行的事件宏任务执行时都会重新创建栈，然后调用宏任务中的函数，栈也会随着变化。但宏任务执行结束时，栈也会随之销毁。微任务：可以看成是一个需要异步执行的函数微任务是基于消息队列、事件循环、UI 主线程还有堆栈而来的微任务的执行时机：在主函数执行结束之后、当前宏任务结束之前。
真正了解event loop
Venciki的博客
10-22 223
Event Loop机制是什么？ 在开始介绍event loop之前，还需要了解两个概念，宏任务和微任务。 宏任务和微任务是异步任务的两种分类： 宏任务包括：script，setTimeout/setInterval等 微任务包括：Promise，Object.observer等 了解完之后，我们来看看它到底是个啥。 Event loop，按照字面意思翻译就是 事件循环。事件，就是处理异步任务，处理宏任务和微任务，而循环就是循环去出处理。 我们先来看张图：（这是浏览器的event loop） 首先执行的
浅谈javascript事件环微任务和宏任务队列原理
10-14
JavaScript 事件环机制是理解JS执行流程的关键，它涉及到微任务和宏任务队列，这两个概念对于优化代码性能和避免回调地狱至关重要。首先，事件环是JavaScript引擎与Web API交互的核心，确保在适当的时间执行相应的回...
js代码-微任务，宏任务
07-16
在JavaScript的事件循环模型...总的来说，微任务和宏任务是JavaScript异步编程的核心，理解它们的工作原理有助于我们写出更加高效、健壮的代码。在日常编码中，我们应该充分利用这两种机制来提升应用的性能和用户体验。
JS - 16 - 任务调度、宏任务、微任务、轮询
LawssssCat的博客
02-25 596
首先，我们必须明确一个概念： JS是单线程的 其次， JS是有异步的 js的异步分 微任务、宏任务 主线任务执行完，js会到微任务列表找任务，找不到了再到宏任务里面找 其中，Promise 的任务是 微任务 文章目录# 定时器的误区 # 定时器的误区 延时时间不放在 宏任务里面， 也就是 如果定延时时间1s 而且主线程和微任务执行时间大于1s 轮到定时器时候，定时器的回调方法会立即执行 ...
JS运行机制 与 宏任务、微任务
csdssdn的博客
04-11 603
宏任务、微任务 JS中任务类型分为两种：宏任务与微任务。宏任务与微任务各自维护着一个消息队列。 宏任务，macrotask，又称为task 可以理解为每次执行栈执行的代码就是一个宏任务（包括每次从事件队列中获取一个事件回调并放到执行栈中执行）。 包括：script(整个代码块)，I/O，xhr，setTimeout，setInterval，setImmediate（仅Node），requestAnimationFrame（仅浏览器），UI交互事件, postMessage, MessageChann
【JS】JavaScript中的宏任务和微任务
小绵杨
03-30 3394
目录概念宏任务微任务运行机制总结 js是一门单线程语言，所以它本身是不可能异步的，但是js的宿主环境（比如浏览器、node）是多线程，宿主环境通过某种方式（事件驱动）使得js具备了异步的属性。而在js中，我们一般将所有的任务都分成两类，一种是同步任务，另外一种是异步任务。而在异步任务中，又有着更加细致的分类，那就是微任务和宏任务。 概念 宏任务 宏任务：主代码块、setTimeout、setInterval、DOM事件、AJAX请求。 浏览器为了能够使得JS内部任务与DOM任务能够有序的执行，会在一个任务
wpf-调用简单的js代码
陆沙的博客
03-15 1994
本来是想调用复杂js代码的（懒得看懒得重写），结果引用的时候发现要改很多，所以放弃了。这里暂时记录下： 添加引用 c#调用js代码需要添加一个com引用：Microsoft Script Control 1.0 使用 using MSScriptControl; namespace xxxx.tools { class MutateDNA:CodingScheme { public MutateDNA() { base.Init();
异步单线程（js）宏任务与微任务
m0_64969829的博客
01-19 705
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、常见的宏任务和微任务？ 前言 提示：以下是本篇文章正文内容，下面案例可供参考 一、常见的宏任务和微任务？ 宏任务:setTimeout setInterval Dom事件, Ajax请求 微任务:Promise async/await 微任务>dom渲染>宏任务 结论:微任务执行时机比宏任务早 举例说明: console.log(1) setTimeout(()=>{ console.log(2) }
总结js主线程宏任务微任务执行顺序
Ruiqi8的博客
09-19 736
总结 js的主线程微任务宏任务执行顺序 有例子
JS事件循环与宏任务-微任务
izwell的博客
12-24 589
其实关于JS的事件循环，自己之前是有部分了解的，但是这个了解还不够详细和深刻。今天看到一个有趣的JS题目，由此引发了自己对于这一块知识的深入学习和梳理。 题目如下： setTimeout(function(){ console.log(1); },0) new Promise(function(resolve) { console.log(2); resolv...
微任务、宏任务与Event-Loop
weixin_34104341的博客
08-15 523
首先，JavaScript是一个单线程的脚本语言。 所以就是说在一行代码执行的过程中，必然不会存在同时执行的另一行代码，就像使用alert()以后进行疯狂console.log，如果没有关闭弹框，控制台是不会显示出一条log信息的。 亦或者有些代码执行了大量计算，比方说在前端暴力破解密码之类的鬼操作，这就会导致后续代码一直在等待，页面处于假死状态，因为前边的代码并没有执行完。 所以如果全部代码都...
JS的同步和异步、微任务和宏任务
titoni_yunruohan的博客
11-26 2227
1.为什么JS是单线程的 js是运行于浏览器的脚本语言，因其经常涉及操作dom，如果是多线程的，如果一个线程修改dom，另一个线程删除dom，那么浏览器就不知道该先执行哪个操作，所以js执行的时候会按照一个任务一个任务来执行，那么任务是怎么排列的呢 2.为什么JS的任务要分类为同步任务和异步任务 试想一下，如果js的任务都是同步的，那么遇到定时器、网络请求等这类型需要延时执行回调函数的任务会发生什么？页面会像瘫痪一下暂停下来等待这些需要需要时间的代码执行完毕，基于此，又引入了异步任务，每个异步任务都必
05_ Electron 自定义菜单、主进程与渲染进程通信
最新发布
所学所思
08-09 497
单独写在一个 js 文件中，然后再在主进程中引入labe: "文件",submenu: [label: "新建文件",},label: "编辑",submenu: [label: "复制",},submenu: [// main.js// 1、引入初始化remote 模块width:800,})// __dirname 表示获取我们当前目录， path.join 会将两个参数合并成 d://electrondemo/index.html// 打开调试模式。
【Vue3】图片未加载成功前占位
菜就多练
08-08 272
原生img标签可以通过自定义指令解决< template > < img class = " image_item-img " v-preload = " ' loading' " src = " https://xx " alt = " 加载失败 " /> < script setup > import {reactive } from 'vue' // 自定义图片占位 const vPreload = {
微任务和宏任务 顺序
08-18
微任务和宏任务的执行顺序是有区别的。在每一个宏任务中又可以产生微任务，当微任务全部执行结束后执行下一个宏任务。这样的执行顺序可以表示为【宏任务 [微任务】 -> 【宏任务 [微任务】 -> 【宏任务 [微任务...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值