day02-複習JavaScript編寫注意事項 | 青訓營筆記

語言: CN / TW / HK
時間 2023-03-23 09:15:27

theme: channing-cyan highlight: a11y-light

這是我參與「第五屆青訓營 」伴學筆記創作活動的第 2 天

JavaScript編寫注意事項

script元素不能寫成單標籤

  • 在外聯式引入js文件的時候，script標籤中不可以寫入JavaScript代碼，並且script標籤不能寫成單標籤

image-20230119202722437

省略type屬性

在以前的代碼中，我們的script標籤會使用type=“text/javascript”，不過現在咱們可以不用寫了，因為JavaScript是所有現代瀏覽器以及HTML5中默認的腳本語言

加載順序

  • 作為HTML中的一部分，JavaScript默認遵循HTML文檔的加載順序，即自上而下的加載順序（這一點會在 《JavaScript高級程序設計（第4版）》 詳細講解，後續Coder Peng會持續更文）
  • 我們更推薦將JavaScript代碼和邊寫的位置放在body子元素的最後一行

JavaScript代碼嚴格區分大小寫

這一點很多同學需要注意一下，可能以前有部分人學過Linux，覺得大小寫比較隨意，但是在JavaScript中，大小寫是嚴格區分的

此外，HTML元素和CSS屬性是不區分大小寫的

JavaScript的交互方式

我們日常學習JavaScript的時候，最常用的調試語句為console.log，下面Coder Peng為大家整理了在JavaScript中一些常用的與用户交換的方式

| 交互方法 | 方法説明 | 效果查看 | | --------------- | ---------- | ------------- | | alert | 接受一個參數 | 彈窗查看 | | console.log | 接受多個參數 | 在瀏覽器控制枱查看 | | document.write | 接受多個字符串 | 在瀏覽器界面查看 | | prompt | 接受一個參數 | 在瀏覽器接受用户輸入 |

Chrome的調試工具

  • 在前面的學習中，我們利用Chrome的調試工具來調試了HTML、CSS，它也可以幫助我們進行調試JavaScript
  • 在接下來的學習中，當我們使用console.log進行調試的時候，我們可以在瀏覽器界面按下F12鍵，打開彈出的窗口裏面的console鍵，就能看到js代碼打印輸出的內容

image-20230119204528137

補充説明

  1. 如果在代碼中出現了錯誤，則瀏覽器會在console這一欄打印輸出錯誤的原因，方便我們去進行修改
  2. 如上圖所示，console裏面有一個>的表示，這個表示控制枱的命令行，我們也可以在這個地方寫入js代碼對瀏覽器進行調試（寫好之後按下Enter就會立即執行代碼）
  3. 如果希望編寫多行代碼，我們可以按下shift+enter進行換行編寫
  4. 在後續的學習中我們還會通過如何debug來進行調試，查看代碼的執行流程
「」
「」