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异步加载错误。请根据你的需求和实际情况选择合适的方法。