javascript - 这是顺序运行代码片段的好方法吗？

Question

<script src="./js/id.js"></script>
<script src="./js/fetch.js"></script>
<script src="./js/download.js"></script>
<script src="./js/playback.js"></script>

每个脚本都依赖于前一个脚本来完成。

Answer 1

Is this a good way [...]

否，但是如果内部的 JavaScript 是同步的，它将会工作。当你决定做一些异步的事情时(即:fetch.js和download.js听起来他们会做一些异步的事情)它赢了不起作用。

<小时/>

在每个文件中包装并公开一个异步函数怎么样。

例如，您的 fetch.js 可以有一个名为 function myFetch(){ ... } 的包装函数，并且您的 download.js 有一个名为 function myDownload(){ ... } 的包装函数，然后只需对从每个脚本文件公开的每个包装函数使用 await 即可。

// fetch.js file
function myFetch(){
  return new Promise((resolve)=>{
    setTimeout(()=>{
      console.log("my Fetch Done");
      resolve("myFetch");
    }, 500);
  })
}

// download.js file
function myDownload(){
  return new Promise((resolve)=>{
    setTimeout(()=>{
      console.log("My download done");
      resolve("myDownload");
    }, 100);
  })
}

// main.js file

async function myMain(){
  // "synchronous"
  const res1 = await myFetch();
  const res2 = await myDownload();
  console.log('final log', res1, res2);
}

myMain();