https://changan.icecome.com/tags/async/Recent content in Async on 长安的个人博客HugozhMon, 31 Aug 2026 07:56:24 +0000https://changan.icecome.com/posts/css/javascript-async/Sat, 15 Feb 2025 00:00:00 +0000https://changan.icecome.com/posts/css/javascript-async/<h2 id="异步编程概述">异步编程概述</h2> <p>JavaScript是单线程语言，但它通过异步编程机制来处理耗时操作，如网络请求、文件读写等。</p> <h2 id="回调函数">回调函数</h2> <p>最原始的异步编程方式：</p> <div class="highlight"><pre tabindex="0" style="color:#e7e9db;background-color:#2f1e2e;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span><span style="color:#815ba4">function</span> <span style="color:#06b6ef">fetchData</span>(<span style="color:#06b6ef">callback</span>) { </span></span><span style="display:flex;"><span> <span style="color:#06b6ef">setTimeout</span>(() =&gt; { </span></span><span style="display:flex;"><span> <span style="color:#06b6ef">callback</span>(<span style="color:#48b685">&#39;数据&#39;</span>); </span></span><span style="display:flex;"><span> }, <span style="color:#f99b15">1000</span>); </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span><span style="color:#06b6ef">fetchData</span>(<span style="color:#815ba4">function</span>(<span style="color:#06b6ef">data</span>) { </span></span><span style="display:flex;"><span> <span style="color:#06b6ef">console</span>.<span style="color:#06b6ef">log</span>(<span style="color:#06b6ef">data</span>); </span></span><span style="display:flex;"><span>}); </span></span></code></pre></div><p>回调地狱问题：</p>