在學(xué)習(xí)和使用 JavaScript 的過程中，我們很容易忽略最重要的一點(diǎn)，那就是 JavaScript 代碼的書寫位置。在本文中，我們將探討 JavaScript 代碼應(yīng)該放在什么位置，以及放置位置的不同影響。
首先，我們來看看把 JavaScript 代碼寫在 HTML 文件的 head 標(biāo)簽內(nèi)的情況。這種做法通常出現(xiàn)在面對(duì)比較簡單的 JavaScript 代碼時(shí)，比如以下簡單的計(jì)算：
<head>
<script>
function sum(a, b) {
var result = a + b;
return result;
}
var x = sum(5, 10);
</script>
</head>在這種情況下，放置代碼在?head?標(biāo)簽內(nèi)的問題在于，代碼不能在 HTML 文件加載之前執(zhí)行。因?yàn)?JavaScript 依賴于文檔對(duì)象模型（DOM），所以瀏覽器會(huì)先下載 HTML 文件，然后解析并渲染它，再解析 JavaScript 代碼并執(zhí)行。在這個(gè)過程中，用戶可能會(huì)在等待頁面加載過程中體驗(yàn)到長時(shí)間的等待時(shí)間。
在這里，我們可以引入一個(gè)解決方法，那就是把 JavaScript 代碼放在外部文件中，同時(shí)把文件以?