web前端面试高频考点——JavaScript 篇(二)【JS 异步进阶】Event Loop、then 和 catch、async/await、宏任务微任务、手撕 Promise 源码
JS 异步进阶什么是 event loop(事件循环/事件轮询)JS 是单线程运行的异步要基于回调来实现event loop 就是异步回调的实现原理JS 如何执行?从前到后,一行一行执行如果某一行执行报错,则停止下面代码的执行先把同步代码执行完,再执行异步event loop 执行过程event loop 过程 1同步代码,一行一行放在 Call Stack 执行遇到异步,会先记录下来,等待时机....
【JavaScript】Promise(三) —— async 与 await、宏任务与微任务
一、async & await1. async 和 await 的基本使用await 必须在 async 内使用async 和 await 配合使用 const p1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('a') }, 1000...
❤️一起谈一谈js中的宏任务和微任务!
前面面试的文章中我们说过一道关于宏任务和微任务的题:setTimeout(function(){ console.log('1') }); new Promise(function(resolve){ console.log('2'); resolve(); }).then(function(){ console.log('3') }); console.log('4'...
浅谈浏览器架构、单线程js、事件循环、消息队列、宏任务和微任务
看到这些词仿佛比较让人摸不着头脑,其实在我们的日常开发中,早就和他们打过交道了。我来举几个常见的例子:我执行了一段js,页面就卡了挺久才有响应我触发了一个按钮的click事件,click事件处理器做出了响应我用setTimeout(callback, 1000)给代码加了1s的延时,1秒里发生了很多事情,然后功能正常了我用setInterval(callback, 100)给代码加了100ms的....
js中的宏任务和微任务详细讲解
微任务有哪些Promise await和async宏任务有哪些setTimeout setInterval DOM事件 AJAX请求看下面的代码<script> console.log(1) setTimeout(()=>{ console.log("2") },0) Promise.resolve().then(()=>{ console.log('3'...
JavaScript 事件循环(含宏任务与微任务)
正文JavaScript 特点JavaScript 是单线程非阻塞的一门语言。单线程意味着:JavaScript 代码在执行的时候只有一个主线程去处理所有的任务,即同一时间只能做一件事情。非阻塞则表示:当执行到一项异步任务的时候,主线程会挂起当前这个异步任务,然后在异步任务返回结果的时候再跟进一定的规则去执行相应的回调。思考: 为什么 JavaScript 要设计成单线程?单线程是必要的,也是 ....
JS中的进程、线程、任务队列、事件循环、宏任务、微任务、执行栈等概念理解
JS中的进程、线程、任务队列、事件循环、宏任务、微任务、执行栈等概念理解javascript中有很多需要知道的概念,尤其是标题中列出来的这些,今天就来过一下这些概念。一、进程和线程浏览器的每一个tab页可以看做是浏览器内核进程,每个进程下面会有多个线程来互相配合完成任务比如 GUI线程、JS引擎线程、网络线程、定时器线程等二、任务队列任务队列可以当做是一个个的对调任务,当主线程的任务完成后,就开....
本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。
JavaScript您可能感兴趣
- JavaScript算法
- JavaScript SDK
- JavaScript显隐
- JavaScript知识点
- JavaScript场景
- JavaScript示例
- JavaScript Promise
- JavaScript局域网
- JavaScript监控
- JavaScript分析
- JavaScript文章
- JavaScript uniapp
- JavaScript学习
- JavaScript对象
- JavaScript方法
- JavaScript视频讲解
- JavaScript小程序
- JavaScript前端
- JavaScript系统
- JavaScript函数
- JavaScript数组
- JavaScript代码
- JavaScript笔记
- JavaScript视频
- JavaScript实现
- JavaScript CSS
- JavaScript源码
- JavaScript HTML
- JavaScript部署
- JavaScript文档
开发与运维
集结各类场景实战经验,助你开发运维畅行无忧
+关注