1、JavaScript基礎(chǔ)語法03JavaScript第03天-昨日復(fù)習(xí)昨日復(fù)習(xí)u 前置自增是先硬件系統(tǒng)后硬件系統(tǒng)u 后置自增是先 后 u “=”如果要相等必須 和 相等u switch的結(jié)束每一項(xiàng)的結(jié)束關(guān)鍵字是 u 三元表達(dá)式的格式為： u switch的默認(rèn)項(xiàng)的關(guān)鍵詞是 組成JavaScript第03天-昨日復(fù)習(xí)昨日復(fù)習(xí)u 前置自增是先自增后返回值u 后置自增是先返回值后自增u “=”如果要相等必須值和數(shù)據(jù)類型相等u switch的結(jié)束每一項(xiàng)的結(jié)束關(guān)鍵字是 breaku 三元表達(dá)式的格式為： 條件判斷表達(dá)式 ？表達(dá)式1 ：表達(dá)式2u switch的默認(rèn)項(xiàng)的關(guān)鍵詞是 default目u 循環(huán)u

2、 for 循環(huán)u 雙重 for 循環(huán)u while 循環(huán)u do while 循環(huán)u continue breakContentsu 能夠說出循環(huán)的目的u 能夠說出 for 循環(huán)的執(zhí)行過程u 能夠使用斷點(diǎn)調(diào)試來觀察代碼的執(zhí)行過程u 能夠使用 for循環(huán)完成累加求和等案例u 能夠使用雙重 for 循環(huán)完成乘法表案例u 能夠說出 while 循環(huán)和 do while 循環(huán)的區(qū)別u 能夠說出 break 和 continue 的區(qū)別目標(biāo)TARGET1.1 循環(huán)導(dǎo)讀視要點(diǎn)提示u 循環(huán)：按照一定順序重復(fù)執(zhí)行指定代碼循環(huán)導(dǎo)讀掌握程度：了解2.1 循環(huán)的目的視要點(diǎn)提示u 循環(huán)的目的：重復(fù)執(zhí)行指定代碼循環(huán)的目

3、的掌握程度：了解3.1 for循環(huán)語法結(jié)構(gòu)視結(jié)要點(diǎn)提示u foru whileu do-whilefor循環(huán)語法結(jié)構(gòu)掌握程度：應(yīng)用3.2 for循環(huán)語法結(jié)構(gòu)知識總結(jié)n for循環(huán)for(初始化變量; 條件表達(dá)式; 操作表達(dá)式 )循環(huán)體n 初始化變量：通常被用于初始化一個計(jì)數(shù)器，該表達(dá)式可以使用var 關(guān)鍵字聲明新的變量，這個變量幫我們來記錄次數(shù)。n 條件表達(dá)式：用于確定每一次循環(huán)是否能被執(zhí)行。如果結(jié)果是 true就繼續(xù)循環(huán)，否則退出循環(huán)。n 操作表達(dá)式：每次循環(huán)的最后都要執(zhí)行的表達(dá)式。通常被用于更新或者遞增計(jì)數(shù)器變量。當(dāng)然，遞減變量也是可以的。視結(jié)4.1 for循環(huán)執(zhí)行過程視結(jié)要點(diǎn)提示u 初始

4、化變量執(zhí)行多少次？u 條件表達(dá)式、操作表達(dá)式、循環(huán)體的執(zhí)行順序？for循環(huán)執(zhí)行過程掌握程度：應(yīng)用4.2 for循環(huán)執(zhí)行過程知識總結(jié)n 執(zhí)行過程：n 1. 初始化變量，初始化操作在整個 for 循環(huán)只會執(zhí)行一次。n 2. 執(zhí)行條件表達(dá)式，如果為true，則執(zhí)行循環(huán)體語句，否則退出循環(huán)，循環(huán)結(jié)束。n 3. 執(zhí)行操作表達(dá)式，此時第一輪結(jié)束。n 4. 第二輪開始，直接去執(zhí)行條件表達(dá)式（不再初始化變量），如果為 true ，則去執(zhí)行循環(huán)體語句，否則退出循環(huán)。n 5. 繼續(xù)執(zhí)行操作表達(dá)式，第二輪結(jié)束。n 6. 后續(xù)跟第二輪一致，直至條件表達(dá)式為假，結(jié)束整個 for 循環(huán)。視結(jié)5.1 斷點(diǎn)調(diào)試視演要點(diǎn)提示u

5、 創(chuàng)斷點(diǎn)調(diào)試掌握程度：應(yīng)用5.2 斷點(diǎn)調(diào)試案例演示n 演示：在開發(fā)者工具中演示代碼斷點(diǎn)調(diào)試視演6.1 for循環(huán)重復(fù)執(zhí)行相同代碼視練要點(diǎn)提示u 重復(fù)執(zhí)行相同代碼for循環(huán)重復(fù)執(zhí)行相同代碼掌握程度：應(yīng)用6.2 for循環(huán)重復(fù)執(zhí)行相同代碼for循環(huán)重復(fù)執(zhí)行相同代碼3分鐘u 動動手，練一下這個for循環(huán)案例吧！練習(xí)視u 循環(huán)體是每次循環(huán)進(jìn)行時會執(zhí)行的操作提示練7.1 for循環(huán)重復(fù)執(zhí)行不同代碼視練要點(diǎn)提示u 使用計(jì)數(shù)器變量來設(shè)置循環(huán)體執(zhí)行時不同執(zhí)行方式for循環(huán)重復(fù)執(zhí)行不同代碼掌握程度：應(yīng)用6.2 for循環(huán)重復(fù)執(zhí)行相同代碼for循環(huán)重復(fù)執(zhí)行不同代碼3分鐘u 動動手，練一下這個for循環(huán)案例吧！練習(xí)

6、視u 循環(huán)體是每次循環(huán)進(jìn)行時會執(zhí)行的操作u 使用計(jì)數(shù)器來影響每次循環(huán)體的執(zhí)行提示練8.1 for循環(huán)重復(fù)某些操作視練要點(diǎn)提示u 1、2、3.99、100的累加和的計(jì)算方式？u 循環(huán)體中每次都加上當(dāng)前循環(huán)的計(jì)數(shù)器變量i，即隨著循環(huán)進(jìn)行，分別加上了1、2、3.99、100for循環(huán)重復(fù)某些操作掌握程度：應(yīng)用8.2 for循環(huán)重復(fù)某些操作求1-100和案例3分鐘u 動動手，練一下這個for循環(huán)案例吧！練習(xí)視u 循環(huán)體中每次都加上當(dāng)前循環(huán)的計(jì)數(shù)器變量i，即隨著循環(huán)進(jìn)行，分別加上了1、2、3.99、100提示練9.1 for循環(huán)案例視練要點(diǎn)提示for循環(huán)案例掌握程度：應(yīng)用9.2 for循環(huán)案例for循環(huán)

7、案例10分鐘u 動動手，練一下這些for循環(huán)案例吧！練習(xí)視u 求1-100和u 求1-100中所有偶數(shù)和奇數(shù)和u 求1-100中所有能被3整除的數(shù)字的和提示練10.1 求學(xué)生成績案例（上）視要點(diǎn)提示u 如何不斷彈出輸入框？u 如何收集每次彈出框中輸入的數(shù)據(jù)？求學(xué)生成績案例（上）掌握程度：應(yīng)用11.1 求學(xué)生成績案例（下）視練要點(diǎn)提示u 創(chuàng)求學(xué)生成績案例（下）掌握程度：應(yīng)用11.2 求學(xué)生成績案例（下）求學(xué)生成績案例5分鐘u 動動手，練一下求學(xué)生成績案例吧！練習(xí)視u 使用for循環(huán)，沒循環(huán)一次執(zhí)行一次prompt，彈出一次輸入框u 在每次彈出輸入框之后，獲取用戶數(shù)輸入的數(shù)據(jù)提示練12.1 一行打

8、印五顆星星視練要點(diǎn)提示u 每次循環(huán)向目標(biāo)字符串追加一個“星星”一行打印五顆星星掌握程度：應(yīng)用12.2 一行打印五顆星星一行打印五顆星星案例3分鐘u 動動手，練一下求學(xué)生成績案例吧！練習(xí)視u 循環(huán)過程中不斷給目標(biāo)字符串添加星星u 循環(huán)完成之后再打印出目標(biāo)字符串提示練13.1 雙重for循環(huán)執(zhí)行過程視結(jié)要點(diǎn)提示u for循環(huán)中的“循環(huán)體”可以是一個for循環(huán)嗎？u 外層循環(huán)每循環(huán)一次，都會把“外層循環(huán)體-里層循環(huán)”執(zhí)行一遍雙重for循環(huán)執(zhí)行過程掌握程度：應(yīng)用13.2 雙重for循環(huán)執(zhí)行過程知識總結(jié)n 雙重for循環(huán)執(zhí)行過程：for (外循環(huán)的初始; 外循環(huán)的條件; 外循環(huán)的操作表達(dá)式) for (

9、內(nèi)循環(huán)的初始; 內(nèi)循環(huán)的條件; 內(nèi)循環(huán)的操作表達(dá)式) 需執(zhí)行的代碼;n 外層循環(huán)執(zhí)行一次，內(nèi)層循環(huán)執(zhí)行完成一遍視結(jié)14.1 打印5行5列的星星視練要點(diǎn)提示u 外層循環(huán)沒執(zhí)行一次，都會讓內(nèi)層循環(huán)執(zhí)行完成一遍u 內(nèi)層循環(huán)每執(zhí)行完成一遍，打印出一行五顆星星打印5行5列的星星掌握程度：應(yīng)用14.2 打印5行5列的星星打印5行5列的星星5分鐘u 動動手，練一下這個for循環(huán)案例吧！練習(xí)視u 外層循環(huán)沒執(zhí)行一次，都會讓內(nèi)層循環(huán)執(zhí)行完成一遍u 內(nèi)層循環(huán)每執(zhí)行完成一遍，打印出一行五顆星星提示練15.1 打印n行n列的星星視練要點(diǎn)提示u 創(chuàng)打印n行n列的星星掌握程度：應(yīng)用15.2 打印n行n列的星星打印n行n列

10、的星星5分鐘u 動動手，練一下這個for循環(huán)案例吧！練習(xí)視u 通過prompt來指定外層循環(huán)和內(nèi)層循環(huán)執(zhí)行的次數(shù)提示練16.1 打印倒三角形案例視練要點(diǎn)提示u 如何指定內(nèi)層循環(huán)執(zhí)行完成時的執(zhí)行次數(shù)？打印倒三角形案例掌握程度：應(yīng)用16.2 打印倒三角形案例打印正三角形案例5分鐘u 動動手，試一下打印正三角形！練習(xí)視u 內(nèi)層循環(huán)的循環(huán)次數(shù)由外層循環(huán)的計(jì)數(shù)器變量 i 指定u 倒三角形，內(nèi)層循環(huán)的循環(huán)次數(shù)隨著外層循環(huán)的進(jìn)行遞減u 正三角形，內(nèi)層循環(huán)的循環(huán)次數(shù)隨著外層循環(huán)的進(jìn)行遞增提示練17.1 九九乘法表視練要點(diǎn)提示u 邏輯類似于正三角形u 每次循環(huán)都需要拼接字符串九九乘法表掌握程度：應(yīng)用17.2 九

11、九乘法表九九乘法表5分鐘u 動動手，試一下打印九九乘法表！練習(xí)視u 先完成正三角形的邏輯u 再把每次追加的“星星”修改為具體的數(shù)字提示練18.1 for循環(huán)小結(jié)視要點(diǎn)提示for循環(huán)小結(jié)掌握程度：應(yīng)用19.1 while循環(huán)視結(jié)要點(diǎn)提示u while循環(huán)的書寫結(jié)構(gòu)while循環(huán)掌握程度：應(yīng)用19.2 while循環(huán)知識總結(jié)n while循環(huán)while (條件表達(dá)式) / 循環(huán)體代碼n while循環(huán)應(yīng)該設(shè)置計(jì)數(shù)器，放置循環(huán)一直執(zhí)行視結(jié)20.1 while案例視練要點(diǎn)提示u for循環(huán)和while循環(huán)的特點(diǎn)u 使用while循環(huán)完成for循環(huán)的邏輯while案例掌握程度：應(yīng)用20.2 while案

12、例while循環(huán)練習(xí)3分鐘u 動動手，練一下這個案例吧！練習(xí)視u 利用while循環(huán)，一直調(diào)用prompt彈出輸入框，直到用戶輸入的是指定字符串文本時停止。提示練21.1 do while循環(huán)視結(jié)要點(diǎn)提示u do-while循環(huán)和while循環(huán)的區(qū)別do while循環(huán)掌握程度：應(yīng)用21.2 do while循環(huán)知識總結(jié)n do-while循環(huán)do/ 循環(huán)體代碼while( 條件表達(dá)式 )n do-while循環(huán)和while循環(huán)相比，會在判斷條件表達(dá)式之前先去執(zhí)行一次循環(huán)體視結(jié)22.1 do while案例視練要點(diǎn)提示u 創(chuàng)do while案例掌握程度：應(yīng)用22.2 do while案例do-

13、while循環(huán)練習(xí)3分鐘u 動動手，練一下這個案例吧！練習(xí)視u 利用while循環(huán)，一直調(diào)用prompt彈出輸入框，直到用戶輸入的是指定字符串文本時停止。提示練23.1 循環(huán)小結(jié)視要點(diǎn)提示循環(huán)小結(jié)掌握程度：應(yīng)用24.1 continue關(guān)鍵字視演要點(diǎn)提示u continue：結(jié)束本次循環(huán)，調(diào)到下一次循環(huán)continue關(guān)鍵字掌握程度：應(yīng)用24.2 continue關(guān)鍵字案例演示n 演示：通過代碼斷點(diǎn)調(diào)試演示continue的作用視演25.1 break關(guān)鍵字視演要點(diǎn)提示u break：結(jié)束整個循環(huán)break關(guān)鍵字掌握程度：應(yīng)用25.2 break關(guān)鍵字案例演示n 演示：通過代碼斷點(diǎn)調(diào)試演示break的作用視演26.1 命名規(guī)范以及語法格式視結(jié)要點(diǎn)提示命名規(guī)范以及語法格式掌握程度：應(yīng)用26.2 命名規(guī)范以及語法格式知識總結(jié)n 變量、函數(shù)的命名必須要有意義n 變量的名稱一般用名詞n 函數(shù)的名稱一般用動詞n 操作符的