同步代码完成异步请求

下面这段脚本我们希望依次输出  俊哥学习前端  这几个词
但是由于异步请求的原因，我们根本没拿到结果就被输出了

<script>
  function hd(message) {
    return new Promise(resolve => {
      setTimeout(() => {
        resolve(message);
      }, 100);
    });
  }
  function goal() {
    return '前端'
  };
  function run() {
    let a = hd("俊哥");
    console.log(a);
    let b = hd("学习");
    console.log(b);
    let c = goal()
    console.log(c)
  }
  run();
</script>

改一下代码之后，即可用同步的代码完成异步请求，阻塞执行

<script>
  function hd(message) {
    return new Promise(resolve => {
      setTimeout(() => {
        resolve(message);
      }, 100);
    });
  }
  function goal() {
    return '前端'
  };
  async function run() {
    let a = await hd("俊哥");
    console.log(a);
    let b = await hd("学习");
    console.log(b);
    let c = goal()
    console.log(c)
  }
  run();
</script>