generator 函数是如何暂停执行程序的？
答案是通过协程来控制程序执行。
generator 函数是一个生成器，执行它会返回一个迭代器，这个迭代器同时也是一个协程。一个线程中可以有多个协程，但是同时只能有一个协程在执行。线程的执行是在内核态，是由操作系统来控制；协程的执行是在用户态，是完全由程序来进行控制，通过调用生成器的next()方法可以让该协程执行，通过yield关键字可以让该协程暂停，交出主线程控制权，通过return 关键字可以让该协程结束。协程切换是在用户态执行，而线程切换时需要从用户态切换到内核态，在内核态进行调度，协程相对于线程来说更加轻量、高效。
async function实现原理？
async function 是通过 promise + generator 来实现的。generator 是通过协程来控制程序调度的。
​在协程中执行异步任务时，先用promise封装该异步任务，如果异步任务完成，会将其结果放入微任务队列中，然后通过yield 让出主线程执行权，继续执行主线程js，主线程js执行完毕后，会去扫描微任务队列，如果有任务则取出任务进行执行，这时通过调用迭代器的next(result)方法，并传入任务执行结果result，将主线程执行权转交给该协程继续执行，并且将result赋值给yield 表达式左边的变量，从而以同步的方式实现了异步编程。
所以说到底async function 还是通过协程+微任务+浏览器事件循环机制来实现的。

//foo 函数
function* foo() {
    let response1 = yield fetch('https://www.geekbang.org')
    console.log('response1')
    console.log(response1) // 这里为什么是undefined
    let response2 = yield fetch('https://www.geekbang.org/test')
    console.log('response2')
    console.log(response2) // 这里为什么是undefined
}
老师，在你举的生成器和Promise结合的例子中，为什么执行器里面取不到接口的值啊？

async function inner() {
  console.log('inner')
}

async function foo() {
  console.log('foo start')
  await inner()
  console.log('foo end')
}

async function bar() {
  console.log('bar start')
  await foo()
  console.log('bar end')
}

老师 如果 bar 函数的实现是这样的呢？协程可以再开协程么？

const test2 = async () => {
        let a = await 100;
        console.log(a);
   }
   const pro = test2();
    console.log(pro);
    pro.then(res => {
        console.log(res);
    })

老师，这里的res为什么是undefined，不是100？

script start;
    bar start;
    promise executor
    script end
    bar end
    promise then
    setTimeout

'script start'
'bar start'
'foo'
'promise executor'
'script end'
'bar end'
'promise then'
'setTimeout'

Script then
Bar start
Foo
Promise executor
Script end
Promise then
Settimeout

老师相信我真的不是跑出来的😂

主要考查了promise，微任务， 宏任务， 还有使用async await时候协程时间的相互合作。

async function foo() {
    console.log(1)
    let a = await 100
    // 从这里开始的内容是不是可以看作then绑定的回调函数的内容啊，看图又不像，不好理解。
    console.log(a)
    console.log(2)
}
console.log(0)
foo()
console.log(3)

async function foo() {
    console.log('foo'); //3 foo
}
async function bar() {
    console.log('bar start');
    await foo()
    console.log('bar end'); //6 bar end
}
console.log('script start');//1 script start
setTimeout(()=>{
    console.log('setTimeout'); 7//setTimeout
},0)
bar();//2 bar start
new Promise(function (resolve) {
    resolve();
}).then(function () {
    console.log('promise then'); //5 promise then
})
console.log('script end');// 4 script end

浏览器和node环境是有点不一样呢？为啥呢？