TypeScript 同步加载：使用 async 和 await 实现数据获取

在 TypeScript 中，可以使用 'async' 和 'await' 关键字来实现同步加载。下面是一个使用 'async' 和 'await' 实现同步加载的示例：

async function loadData(url: string): Promise<string> {
  const response = await fetch(url);
  const data = await response.text();
  return data;
}

async function main() {
  try {
    const data = await loadData('https://api.example.com/data');
    console.log(data);
  } catch (error) {
    console.error('An error occurred:', error);
  }
}

main();

在上面的示例中，'loadData' 函数使用 'async' 关键字声明为一个异步函数，并返回一个 'Promise'。在函数内部，我们使用 'await' 关键字来等待 'fetch' 函数和 'response.text()' 方法的结果，从而实现同步加载数据。

在 'main' 函数中，我们使用 'await' 关键字等待 'loadData' 函数的结果，并在控制台打印数据。如果发生错误，我们使用 'try' 和 'catch' 块来捕获并处理异常。最后，我们调用 'main' 函数来启动程序。

请注意，使用 'async' 和 'await' 实现的同步加载只是语法上的同步，实际上仍然是异步执行的。当遇到 'await' 关键字时，JavaScript 引擎会暂停当前函数的执行，直到 'Promise' 对象解析为一个值。因此，虽然代码看起来像是同步执行的，但实际上是异步执行的。