async/await是generator的语法糖

1. 什么语法糖?

维基百科给的定义:
语法糖(英语:Syntactic sugar)是由英国计算机科学家彼得·兰丁发明的一个术语,指计算机语言中添加的某种语法,这种语法对语言的功能没有影响,但是更方便程序员使用。语法糖让程序更加简洁,有更高的可读性。

简单说,语法糖就是改变了一种形式,这种形式让程序的书写更加简洁明了

2. 为什么说async/await是generator的语法糖?

定义一个函数fn,接受参数num

function fn(num) {
    return new Promise((resolve, reject) => {
        resolve(console.log(num))
    })
}

写一个Generator依次调用传递的参数

function *testGen(){
    fn(1)
    yield
    fn(2)
    yield
    fn(3)
}
let f = testGen()
f.next() 
f.next() 
f.next() 
// 1 2 3

async函数的写法

async function test() {
    let a = await fn(1)
    let b = await fn(2)
    let c = await fn(3)
}
test() // 1 2 3 

我们发现async函数把testGen里的*替换成 async,将 yield 替换成 await而已。所以说async/await是generator的语法糖

原文:https://mp.weixin.qq.com/s/RmslOGB6gLUHNFqY5ElQRA

下一篇:JS版数据结构-栈

你可能感兴趣的:(async/await是generator的语法糖)