TypeScript 同步加载实例 - 使用 XMLHttpRequest

下面是一个使用 TypeScript 的同步加载实例：

// 定义一个函数，用于同步加载资源
function syncLoad(url: string): string {
  const request = new XMLHttpRequest();
  request.open('GET', url, false); // 设置同步请求
  request.send();
  
  if (request.status === 200) {
    return request.responseText;
  } else {
    throw new Error('Failed to load resource: ' + url);
  }
}

// 同步加载一个 json 文件
const jsonUrl = 'https://example.com/data.json';
try {
  const jsonData = syncLoad(jsonUrl);
  console.log(jsonData);
} catch (error) {
  console.error(error);
}

// 同步加载一个文本文件
const textUrl = 'https://example.com/text.txt';
try {
  const textData = syncLoad(textUrl);
  console.log(textData);
} catch (error) {
  console.error(error);
}

在上面的代码中，我们定义了一个 syncLoad 函数，该函数使用 XMLHttpRequest 对象进行同步请求。在请求完成后，如果响应状态码为 200，则返回响应的文本内容；否则，抛出一个错误。

然后，我们使用 syncLoad 函数来同步加载一个 json 文件和一个文本文件，并打印加载的内容。如果加载失败，将打印错误信息。

需要注意的是，同步加载会阻塞程序的执行，直到加载完成或出现错误。因此，应该谨慎使用同步加载，特别是在浏览器环境中，因为它可能导致页面卡死或不响应。在实际开发中，建议使用异步加载来避免这些问题。