JavaScript 語(yǔ)法約定

1、大小寫(xiě)的區(qū)分

1). JavaScript的關(guān)鍵字，永遠(yuǎn)都是小寫(xiě)的；

2). 內(nèi)置對(duì)象，如Math和Date是以大寫(xiě)字母開(kāi)頭的；

3). 對(duì)象的名稱(chēng)通常是小寫(xiě)；若是多個(gè)單詞，駝峰（Camel）命名法。

駝峰（Camel）命名法：開(kāi)頭單詞小寫(xiě)，后面單詞首字母大寫(xiě)。使用的很普遍，很多人習(xí)慣這種命名方法。示例：userName。

2、變量、對(duì)象和函數(shù)的名稱(chēng)命名

當(dāng)聲明變量、對(duì)象和函數(shù)的名稱(chēng)時(shí)大小寫(xiě)，數(shù)字，下劃線(xiàn)，美元符號(hào)都可以，但是必須以字母，下劃線(xiàn)，美元符號(hào)開(kāi)頭。否者會(huì)出現(xiàn)Uncaught SyntaxError類(lèi)型的錯(cuò)誤提示。

3、分號(hào) ';'

JavaScript允許開(kāi)發(fā)者自行決定是否以分號(hào)結(jié)束一行代碼。如果沒(méi)有分號(hào)，JavaScript就將行代碼的結(jié)尾看作該語(yǔ)句的結(jié)尾，不會(huì)報(bào)錯(cuò)。但最好每寫(xiě)完一行代碼就加上';' 作為結(jié)尾。

4、運(yùn)算符周?chē)目崭?/p>

在運(yùn)算符（ = + - * / ）周?chē)约岸禾?hào)之后添加空格，如下：

var a = 2 + 5;var arr = ['a', 'b', 'c'];

5、代碼縮進(jìn)

使用對(duì)代碼塊縮進(jìn)使用 4 個(gè)空格，使代碼塊更加清晰。如以下格式：

function isFunny(){ var isTrue=true;if(isTrue){console.log('你是對(duì)的');}}

JavaScript 語(yǔ)法約定的特點(diǎn)：

善代碼可讀性 提升代碼可維護(hù)性

JavaScript 程序調(diào)試

1、打開(kāi)瀏覽器，按F12進(jìn)入調(diào)試界面：

Elements：用于查看和編輯當(dāng)前頁(yè)面中的HTML和CSS元素。

Console：用于顯示腳本中所輸出的調(diào)試信息，或運(yùn)行測(cè)試腳本等。

Sources：用于查看和調(diào)試當(dāng)前頁(yè)面所加載的腳本的源文件。在source目錄下進(jìn)行調(diào)試。在該模式下，點(diǎn)擊js里每一行即可以加斷點(diǎn)。

斷點(diǎn)調(diào)試細(xì)節(jié)后續(xù)講到！！！

Network：用于查看HTTP請(qǐng)求的詳細(xì)信息，如請(qǐng)求，響應(yīng)及返回內(nèi)容等。 Timeline：用于查看腳本的執(zhí)行時(shí)間，頁(yè)面元素渲染時(shí)間等信息。 Profiles：用于查看CPU執(zhí)行時(shí)間與內(nèi)存占用等信息。 Resource：用于查看當(dāng)前頁(yè)面所請(qǐng)求的資源文件，如HTML，CSS樣式等。 Audits: 用于優(yōu)化前端頁(yè)面，加速網(wǎng)頁(yè)加載速度等。

2、用alert，每次都彈框判斷出錯(cuò)的位置

alert() 會(huì)阻塞 UI 和 alert() 以下的 javascript 代碼的執(zhí)行，必須點(diǎn)擊 ’確定’ 按鈕才能繼續(xù)，非常低效。當(dāng)使用 alert() 進(jìn)行彈出時(shí)，最后產(chǎn)品上線(xiàn)后，會(huì)降低用戶(hù)體驗(yàn)。

3、用console.log，這個(gè)數(shù)據(jù)量小還可以，調(diào)試時(shí)console.log是最常用的命令之一。

console.log()可以接受任何字符串、數(shù)字和JavaScript對(duì)象。與alert()函數(shù)類(lèi)似，console.log()也可以接受換行符n以及制表符t。console.log()語(yǔ)句所打印的調(diào)試信息可以在瀏覽器的調(diào)試控制臺(tái)中看到。不同的瀏覽器中console.log()行為可能會(huì)有所不同。

以上僅是個(gè)人見(jiàn)解，若有不足之處歡迎在下方評(píng)論指出，那就先分享到這里!! 😄 后續(xù)繼續(xù)更新!!

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。