异步函数 async function
异步函数的内部代码执行过程和普通的函数是一致的，默认情况下也是会被同步执行。
async function foo() {
console.log("foo function start~")
console.log("内部的代码执行1")
console.log("内部的代码执行2")
console.log("内部的代码执行3")
console.log("foo function end~")
}
console.log("script start")
foo()
console.log("script end")
-
异步函数的返回值一定是一个Promise
- 情况一：异步函数也可以有返回值，但是异步函数的返回值会被包裹到Promise.resolve中；
- 情况二：如果我们的异步函数的返回值是Promise，Promise.resolve的状态会由新的Promise决定；
- 情况三：如果我们的异步函数的返回值是一个对象并且实现了thenable，那么会由对象的then方法来决定；
-
如果我们在async中抛出了异常，那么程序它并不会像普通函数一样报错，而是会作为Promise的reject来传递
await关键字
-
async函数另外一个特殊之处就是可以在它内部使用await关键字，而普通函数中是不可以的。
-
await关键字特点
- 通常使用await是后面会跟上一个表达式，这个表达式会返回一个Promise
- 那么await会等到Promise的状态变成fulfilled状态，之后继续执行异步函数
- 语法糖的本质是不改变功能，但是让代码更简洁
// 这里会返回一个Promise
async function hello() { return "Hello" };
// then 等价于下面的写法
hello().then(res => { console.log(res) });
// await
async function foo() { console.log(await hello()) }
foo()
- 如果await后面是一个普通的值，那么会直接返回这个值
- 如果await后面是一个thenable的对象，那么会根据对象的then方法调用来决定后续的值；
- 如果await后面的表达式，返回的Promise是reject的状态，那么会将这个reject结果直接作为函数的Promise的 reject值；
进程和线程
进程（process）：计算机已经运行的程序，是操作系统管理程序的一种方式，我们可以认为，启动一个应用程序，就会默认启动一个进程（也可能是多个进程）。
线程（thread）：操作系统能够运行运算调度的最小单位，通常情况下它被包含在进程中，每一个进程中都至少启动一个线程来执行应用程序的代码，这个线程被称为主线程。
生活中的例子：
有一个很大的工厂 (操作系统)
工厂里有很多车间 (进程)
车间里有一个或一个以上的人在工作(线程)
车间里有一个主要的负责人 (主线程)
宏任务微任务
宏任务队列（macrotask queue）：ajax、setTimeout、setInterval、DOM监听、UI Rendering等
微任务队列（microtask queue）：Promise的then回调、 Mutation Observer API、queueMicrotask()等
面试题
setTimeout(function () {
console.log("setTimeout1");
new Promise(function (resolve) {
resolve();
}).then(function () {
new Promise(function (resolve) {
resolve();
}).then(function () {
console.log("then4");
});
console.log("then2");
});
});
new Promise(function (resolve) {
console.log("promise1");
resolve();
}).then(function () {
console.log("then1");
});
setTimeout(function () {
console.log("setTimeout2");
});
console.log(2);
queueMicrotask(() => {
console.log("queueMicrotask1")
});
new Promise(function (resolve) {
resolve();
}).then(function () {
console.log("then3");
});
async function async1 () {
console.log('async1 start')
await async2();
console.log('async1 end')
}
async function async2 () {
console.log('async2')
}
console.log('script start')
setTimeout(function () {
console.log('setTimeout')
}, 0)
async1();
new Promise (function (resolve) {
console.log('promise1')
resolve();
}).then (function () {
console.log('promise2')
})
console.log('script end')
