JavaScript异步加载怎样处理错误

在JavaScript中，异步加载可以通过多种方式实现，例如使用<script>标签、Promise、async/await或者fetch API。处理异步加载错误的方法取决于你使用的具体方法。以下是几种常见方法的错误处理：

1. 使用<script>标签：

<script src="your-script.js" onerror="handleError()"></script> <script>   function handleError() {     console.error('Script loading failed');   } </script> 

2. 使用Promise：

function loadScript(url) {   return new Promise((resolve, reject) => {     const script = document.createElement('script');     script.src = url;     script.onload = resolve;     script.onerror = reject;     document.head.appendChild(script);   }); }  loadScript('your-script.js')   .then(() => {     console.log('Script loaded successfully');   })   .catch((error) => {     console.error('Script loading failed:', error);   }); 

3. 使用async/await：

async function loadScript(url) {   return new Promise((resolve, reject) => {     const script = document.createElement('script');     script.src = url;     script.onload = resolve;     script.onerror = reject;     document.head.appendChild(script);   }); }  (async () => {   try {     await loadScript('your-script.js');     console.log('Script loaded successfully');   } catch (error) {     console.error('Script loading failed:', error);   } })(); 

4. 使用fetch API：

async function loadScript(url) {   try {     const response = await fetch(url);     if (!response.ok) {       throw new Error(`Script loading failed with status ${response.status}`);     }     const script = document.createElement('script');     script.text = await response.text();     document.head.appendChild(script);   } catch (error) {     console.error('Script loading failed:', error);   } }  loadScript('your-script.js'); 

以上示例展示了如何使用不同方法处理JavaScript异步加载错误。请根据你的需求和实际情况选择合适的方法。