1. 什么是宏任务和微任务JavaScript 把异步任务又做了进一步的划分，异步任务又分为两类，分别是：① 宏任务（macrotask）： 宿主环境提供的异步方法都是宏任务script全部代码异步 Ajax 请求setTimeout、setInterval文件操作DOM事件I/OUIrendering② 微任务（microtask）：语言标准提供PromiseAsync / AwaitmutationObserverProcess.nextTick(Node独有)2. Event Loop 和DOM渲染console.log('script start'); setTimeout(() => { console.log('setTimeout'); }, 0); new Promise((resolve) => { console.log('promise1'); resolve(); }); const div = document.createElement('div') div.innerHTML = '<h1>hello<
async/await 是ES7 （ECMAscript 2016）提出的基于Promise的解决异步回调的最终方案；使用同步语法编写异步代码，彻底消灭回调函数；async / await是基于Promise实现的，不能用于普通的回调函数；async / await 并不能改变异步的本质（ js是单线程的，异步需要回调，都是要基于 event loop 来实现）；await 后面的代码，都可以看做是异步回调 callback 里的内容，都是异步的；async / await 和Promise不互斥，两者相辅相成。1.基本使用方法async关键字： 放在函数声明之前，表明该函数是一个异步函数。该异步函数会返回一个Promise对象，当函数执行完毕的时候，我们可以像使用Promise一样进行调用then方法处理后续流程。async function getAsync() { return 'ASYNC DATA'; } const a1 = getAsync(); // Promise a1.then(function (value) { console.log(valu
ES6（ECMAScript 2015） 原生提供了 Promise 对象。 Promise 是异步编程的一种解决方法,比传统的回调函数和事件更合理更强大，Promise对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。此外，Promise对象提供统一的接口，使得控制异步操作更加容易。// Promise 新建后立即执行，所以首先输出的是Promise。然后，then方法指定的回调函数，将在当前脚本所有同步任务执行完才会执行，所以resolved最后输出。 let promise = new Promise(function (resolve, reject) { console.log('Promise'); // Promise resolve(); }); promise.then(function () { console.log('resolved.'); // resolved. }); console.log('Hi!'); // Promise // Hi! // resolved.1.Promise 的三种状态funct
1.前言JavaScript单线程语言，为了实现主线程的不阻塞，Event Loop这样的方案应运而生，Event Loop 就是异步回调的实现原理。2.JS的执行机制从前往后一行一行执行，如有报错后面代码停止执行先执行完成同步代码再执行异步代码3.Event Loop 执行过程console.log('hi'); setTimeout(function cb1() { console.log('cb1'); }, 5000); console.log('bye'); //先执行同步 //hi //bye //等待5秒后 //cb1同步代码（栈里面的代码）顺序执行，遇到异步代码就记录一下，在此过程中异步代码如果是宏任务移动到Web APIs，直到定时的时间到就放入宏任务队列，即图中的Callback Queue。如果是微任务则放入微任务队列（本例子没有微任务），不会经过Web APIs。如果同步代码执行完，调用栈call stack为空，去查看微任务队列，每执行完一个微任务，它就会从微任务队列出队，直到微任务队列微空后，尝试DOM渲染（如果DOM结构发生变化）。然后Event
1.同步和异步JS是单线程语言,只能同时处理一件事浏览器和nodejs支持js启动进程,如Web WorkerJS和DOM渲染共用一个线程,因为JS可以修改DOM遇到等待 (网络请求、 定时任务) 不能阻塞异步的目的是为了解决单线程存在等待的问题，是基于JS是单线程的本质，以callback函数形式来调用,不会阻塞代码执行。2.异步的应用场景网络请求（Ajax）定时任务（setTimeout）3.CallBack Hell（回调炼狱） 使用Promise解决
Gonwe
一念智即般若生。
CC BY-SA 4.0
