雖然現代瀏覽器可以並行的下載JavaScript(部分瀏覽器),但考慮到JavaScript的依賴關係,他們的執行依然是按照引入順序進行的。
這篇文章記錄本人在學習 JavaScript 中看書理解到的一些東西,加深記憶和並且整理記錄下來,方便之後的複習。
在 html 文件中的執行順序
js程式碼執行順序比較的形象,使用者可以直覺的感受這種執行順序。但是,js程式碼的執行順序是比較複雜的。有時候我們會把js程式碼寫在html裡面,html文檔在瀏覽器中解析的過程是這樣:瀏覽器依照文件流從上到下逐步解析頁面結構和資訊。 js程式碼作為嵌入的腳本也算做html文檔的組成部分,因此,js程式碼在裝載時的執行順序也是根據腳本標籤<script>的出現來順序來決定。 (下面一個栗子)</script>
<!DOCTYPE html> <script> console.log("顶部脚本"); </script> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> console.log("头部脚本"); </script> </head> <body> <script> console.log("页面脚本"); </script> </body> </html> <script> console.log("底部脚本"); </script>
還有對於透過腳本標籤