单线程

众所周知，JS是单线程的语言，之所以是单线程，用一句烂大街的话就是，如果两个线程同时操作一个DOM节点，那么该以哪个为准呢，虽然多线程也有办法解决，但是js毕竟是浏览器脚本语言，不需要那么复杂

但是单线程遇到多个任务，需要排队执行，如果遇到定时器任务或者ajax请求等等，那会严重影响用户体验，于是将异步任务暂时挂起，先运行后面的任务，等异步操作返回了结果，再来执行
所以把任务分为两种，一种是同步任务(synchronous)，另一种是异步任务(asynchronous)，同步任务是指在主线程上排队的任务，只有前一个任务执行完毕，才会执行后面的任务，异步任务是指不进入主线程，而是进入任务队列(task queue)，当任务队列通知主线程某一个异步任务可以执行的时候，才会进入主线程执行

同步 异步执行机制

参考阮一峰大佬的博客,侵删

那么js是如何处理异步呢：通过渲染进程(浏览器内核)多线程实现异步

进程和线程

阮一峰大佬的博客地址,侵删

线程

浏览器进程：Browser进程，渲染进程(浏览器内核)，GPU进程，网络进程，插件进程

渲染进程(浏览器内核)

JS引擎线程

定时器线程

异步HTTP请求线程

事件触发线程

EventLoop

主线程从任务队列中读取事件，这个过程是不断循环的，称为EventLoop(事件循环)
下图可以更好的帮助理解eventLoop,图中的宏任务和微任务下面会说明

微任务 宏任务

宏任务(macrotasks)

异步任务分为宏任务和微任务,首先会执行script宏任务，然后执行完所有微任务之后才会执行宏任务
代码示例
需要注意的是，new Promise()里面的代码是一个参数，是同步执行的，then后面的代码才是异步执行

        console.log("start");
        setTimeout(() => {
            console.log("setTimeout1");
        });
        new Promise((resolve) => {
            console.log("Promise1");
            resolve();
        }).then(() => {
            console.log("then1");
            new Promise((resolve) => {
                resolve();
            }).then(() => {
                console.log("then2");
            });
            setTimeout(() => {
                console.log("setTimeout2");
            });
        });
        //结果start Promise1 then1 then2 setTimeout1 setTimeout2

        async function async1() {
            console.log("asyncStart1");
            await async2();
            console.log("asyncEnd1");
        }
        async function async2() {
            return Promise.resolve().then((res) => {
                console.log("asyncPromise2");
            });
        }
        console.log("start");
        setTimeout(() => {
            console.log("setTimeout");
        }, 0);
        async1();
        new Promise((resolve) => {
            console.log("promise1");
            resolve();
        }).then(() => {
            console.log("promise2");
        });
        // 结果 start asyncStart1  promise1 asyncPromise2 promise2 asyncEnd1 setTimeout

好的，这篇笔记到此结束，如果有错误或者更好的方法，希望看到的大佬赐教