順序結構
從上到下執行的代碼就是順序結構
程序默認就是由上到下順序執行的
條件結構
根據不同的情況,執行對應代碼
循環結構
循環結構:重複做一件事情
分支結構
if (/* 條件1 */){
// 成立執行語句
} else if (/* 條件2 */){
// 成立執行語句
} else if (/* 條件3 */){
// 成立執行語句
} else {
// 最後默認執行語句
}
三元運算符語法
表達式1 ? 表達式2 : 表達式3
是對if……else語句的一種簡化寫法
switch語句語法
switch (expression) {
case 常量1:
語句;
break;
case 常量2:
語句;
break;
…
case 常量n:
語句;
break;
default:
語句;
break;
}
循環結構
while語句
基本語法:
while (循環條件) {
//循環體
}
do...while語句
do {
// 循環體;
} while (循環條件);
for語句
// for循環的表達式之間用的是;號分隔的,千萬不要寫成,
for (初始化表達式1; 判斷表達式2; 自增表達式3) {
// 循環體4
}
continue和break
break:立即跳出整個循環,即循環結束,開始執行循環後面的內容(直接跳到大括號)
continue:立即跳出當前循環,繼續下一次循環(跳到i++的地方)
調試
-
過去調試JavaScript的方式
-
alert()
-
console.log()
-
-
斷點調試
斷點調試是指自己在程序的某一行設置一個斷點,調試時,程序運行到這一行就會停住,然後你可以一步一步往下調試,調試過程中可以看各個變量當前的值,出錯的話,調試到出錯的代碼行即顯示錯誤,停下。
-
調試步驟
瀏覽器中按F12-->sources-->找到需要調試的文件-->在程序的某一行設置斷點
-
調試中的相關操作
Watch: 監視,通過watch可以監視變量的值的變化,非常的常用。
F10: 程序單步執行,讓程序一行一行的執行,這個時候,觀察watch中變量的值的變化。
F8:跳到下一個斷點處,如果後面沒有斷點了,則程序執行結束。
tips: 監視變量,不要監視表達式,因爲監視了表達式,那麼這個表達式也會執行。