JavaScript程序設(shè)計基礎(chǔ)教程-第3章-JavaScript程序構(gòu)成課件

JavaScript程序設(shè)計JavaScript程序設(shè)計1第3章JavaScript程序構(gòu)成3.1程序控制流3.2函數(shù)3.3事件及事件處理3.4實戰(zhàn)：Bingo卡片游戲JavaScript程序設(shè)計第3章JavaScript程序構(gòu)成3.1程序控制流3.2

if條件語句

if(condition)statement1elsestatement2;if(i>30) {alert("i大于30");}elseif(i<0) {alert("i小于0");}else {alert("i在0到30之間");}3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計if條件語句3.1程序控制流第3章JavaScript3

for循環(huán)語句

for(initialization;expression;post-loop-expression)statement;varcount=10;for(vari=0;i<count;i++){ alert(i);}3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計for循環(huán)語句3.1程序控制流第3章JavaScrip4

for...in循環(huán)語句

for(propertyinexpression)statement;for(varpropNameinwindow){ document.write(propName);}3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計for...in循環(huán)語句3.1程序控制流第3章Java5

while循環(huán)語句

while(expression)statement;vari=0;while(i<10){ alert(i); i+=2;}3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計while循環(huán)語句3.1程序控制流第3章JavaScr6

label語句

label:statementstarti:53.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計label語句3.1程序控制流第3章JavaScrip7

break和continue語句

break和continue語句用于循環(huán)中精確地控制代碼的執(zhí)行。break語句可以立即退出循環(huán)，阻止再次反復(fù)執(zhí)行任何代碼。而continue語句只是退出當前循環(huán)，根據(jù)控制表達式還允許繼續(xù)進行下一次循環(huán)。3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計break和continue語句3.1程序控制流第3章8

do...while語句

do{statements;}while(condition)do{x=x+"Thenumberis"+i+"<br>";i++;}while(i<5);3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計do...while語句3.1程序控制流第3章Java9

switch語句

switch(expression)casevalue:statement;break;default:statement;3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計switch語句3.1程序控制流第3章JavaScri10

函數(shù)表達式及語法

兩種常用的定義函數(shù)方式：第一種：使用函數(shù)聲明語法，第二種：使用函數(shù)表達式定義。functionsum(num1,num2){//函數(shù)體}varsum=function(num1,num2){//函數(shù)體};3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計函數(shù)表達式及語法3.2函數(shù)第3章JavaScript程11

函數(shù)參數(shù)

JavaScript函數(shù)的參數(shù)與大多數(shù)其他語言的函數(shù)參數(shù)有所不同。函數(shù)不介意傳遞進來多少個參數(shù)，也不在乎傳進來的參數(shù)是什么數(shù)據(jù)類型。甚至可以不傳參數(shù)。3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計函數(shù)參數(shù)3.2函數(shù)第3章JavaScript程序構(gòu)成J12

函數(shù)返回值

JavaScript函數(shù)返回值關(guān)鍵字是return。一個函數(shù)內(nèi)處理的結(jié)果可以使用return返回，這樣在調(diào)用函數(shù)的地方就可以用變量接收返回結(jié)果。3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計函數(shù)返回值3.2函數(shù)第3章JavaScript程序構(gòu)成13

函數(shù)4種調(diào)用模式

（1）函數(shù)調(diào)用模式；

（2）方法調(diào)用模式；

（3）構(gòu)造器調(diào)用模式；

（4）Apply調(diào)用模式；3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計函數(shù)4種調(diào)用模式3.2函數(shù)第3章JavaScript程14apply和call的區(qū)別

call方法：語法定義為：call([thisObj[,arg1[,arg2[,[,.argN]]]]])參數(shù)thisObj為可選項。將被用作當前對象的對象。arg1，arg2，argN也為可選項，傳遞的參數(shù)序列；apply方法：語法定義為：apply([thisObj[,argArray]])；3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計apply和call的區(qū)別3.2函數(shù)第3章JavaSc15

遞歸調(diào)用

遞歸函數(shù)：就是在函數(shù)體內(nèi)調(diào)用函數(shù)本身。functionfactorial(num){if(num<=1){return1;}else{returnnum*factorial(num-1);}}3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計遞歸調(diào)用3.2函數(shù)第3章JavaScript程序構(gòu)成J16

函數(shù)作用域varscope="global";functionfun(){console.log(scope);varscope="local";console.log(scope);}fun();3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計函數(shù)作用域3.2函數(shù)第3章JavaScript程序構(gòu)成17

異常處理try{//可能發(fā)生錯誤的代碼}catch(error){//發(fā)生錯誤時處理方式}3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計異常處理3.2函數(shù)第3章JavaScript程序構(gòu)成J18

閉包閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)；functionfun1(){varn=999;nAdd=function(){n+=1}functionfun2(){console.log(n);}returnfun2;}varresult=fun1();result();nAdd();result();3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計閉包3.2函數(shù)第3章JavaScript程序構(gòu)成Jav19

事件

JavaScript與HTML之間的交互是通過事件來實現(xiàn)的。事件，就是文檔或瀏覽器窗口中發(fā)生的一些特定的交互瞬間。<inputtype="button"value="clickme"onclick="alert('clicked')">3.3事件及事件處理第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計事件3.3事件及事件處理第3章JavaScript程序20

常用事件

（1）窗口事件：onLoad、onUnload、onResize、onMove、onAbort、onError、onFocus、onBlur；

（2）鼠標事件：onClick、onDbClick、onMouseDown、onMouseUp、onMouseOver、onMouseOut、onMouseMove；

（3）表單事件：onBlur、onChange、onFocus、onReset、onSubmit；

（4）鍵盤事件：onKeyPress、onKeyDown、onKeyUp；3.3事件及事件處理第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計常用事件3.3事件及事件處理第3章JavaScript21

實戰(zhàn)

（1）案例描述用JavaScript循環(huán)實現(xiàn)Bingo卡片游戲。Bingo卡片是5*5的方形，5個列上標著B-I-N-G-O，格子里包含1~75的數(shù)字。正中間通常是一個空的格子，印著單詞free。每列可以包含的數(shù)字的范圍是：B列包含數(shù)字1~15；I列包含數(shù)字16~30；N列包含數(shù)字31~45；G列包含數(shù)字46~60；O列包含數(shù)字61~75。

（2）實現(xiàn)思路Bingo卡片總共有24個空格需要填充數(shù)字，且每個數(shù)字互不重復(fù)；每列數(shù)字有固定的取值范圍。這樣首先需要創(chuàng)建一個for循環(huán)，用i作循環(huán)變量，循環(huán)24次；每次循環(huán)調(diào)用函數(shù)依次往Bingo卡片中的空格插入數(shù)字。3.4實戰(zhàn)：Bingo卡片游戲第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計實戰(zhàn)3.4實戰(zhàn)：Bingo卡片游戲第3章JavaScr22

程序控制流

函數(shù)

事件及事件處理總結(jié)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計程序控制流總結(jié)第3章JavaScript程序構(gòu)成Java23謝謝觀看謝謝觀看24JavaScript程序設(shè)計JavaScript程序設(shè)計25第3章JavaScript程序構(gòu)成3.1程序控制流3.2函數(shù)3.3事件及事件處理3.4實戰(zhàn)：Bingo卡片游戲JavaScript程序設(shè)計第3章JavaScript程序構(gòu)成3.1程序控制流3.26

if條件語句

if(condition)statement1elsestatement2;if(i>30) {alert("i大于30");}elseif(i<0) {alert("i小于0");}else {alert("i在0到30之間");}3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計if條件語句3.1程序控制流第3章JavaScript27

for循環(huán)語句

for(initialization;expression;post-loop-expression)statement;varcount=10;for(vari=0;i<count;i++){ alert(i);}3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計for循環(huán)語句3.1程序控制流第3章JavaScrip28

for...in循環(huán)語句

for(propertyinexpression)statement;for(varpropNameinwindow){ document.write(propName);}3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計for...in循環(huán)語句3.1程序控制流第3章Java29

while循環(huán)語句

while(expression)statement;vari=0;while(i<10){ alert(i); i+=2;}3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計while循環(huán)語句3.1程序控制流第3章JavaScr30

label語句

label:statementstarti:53.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計label語句3.1程序控制流第3章JavaScrip31

break和continue語句

break和continue語句用于循環(huán)中精確地控制代碼的執(zhí)行。break語句可以立即退出循環(huán)，阻止再次反復(fù)執(zhí)行任何代碼。而continue語句只是退出當前循環(huán)，根據(jù)控制表達式還允許繼續(xù)進行下一次循環(huán)。3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計break和continue語句3.1程序控制流第3章32

do...while語句

do{statements;}while(condition)do{x=x+"Thenumberis"+i+"<br>";i++;}while(i<5);3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計do...while語句3.1程序控制流第3章Java33

switch語句

switch(expression)casevalue:statement;break;default:statement;3.1程序控制流第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計switch語句3.1程序控制流第3章JavaScri34

函數(shù)表達式及語法

兩種常用的定義函數(shù)方式：第一種：使用函數(shù)聲明語法，第二種：使用函數(shù)表達式定義。functionsum(num1,num2){//函數(shù)體}varsum=function(num1,num2){//函數(shù)體};3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計函數(shù)表達式及語法3.2函數(shù)第3章JavaScript程35

函數(shù)參數(shù)

JavaScript函數(shù)的參數(shù)與大多數(shù)其他語言的函數(shù)參數(shù)有所不同。函數(shù)不介意傳遞進來多少個參數(shù)，也不在乎傳進來的參數(shù)是什么數(shù)據(jù)類型。甚至可以不傳參數(shù)。3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計函數(shù)參數(shù)3.2函數(shù)第3章JavaScript程序構(gòu)成J36

函數(shù)返回值

JavaScript函數(shù)返回值關(guān)鍵字是return。一個函數(shù)內(nèi)處理的結(jié)果可以使用return返回，這樣在調(diào)用函數(shù)的地方就可以用變量接收返回結(jié)果。3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計函數(shù)返回值3.2函數(shù)第3章JavaScript程序構(gòu)成37

函數(shù)4種調(diào)用模式

（1）函數(shù)調(diào)用模式；

（2）方法調(diào)用模式；

（3）構(gòu)造器調(diào)用模式；

（4）Apply調(diào)用模式；3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計函數(shù)4種調(diào)用模式3.2函數(shù)第3章JavaScript程38apply和call的區(qū)別

call方法：語法定義為：call([thisObj[,arg1[,arg2[,[,.argN]]]]])參數(shù)thisObj為可選項。將被用作當前對象的對象。arg1，arg2，argN也為可選項，傳遞的參數(shù)序列；apply方法：語法定義為：apply([thisObj[,argArray]])；3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計apply和call的區(qū)別3.2函數(shù)第3章JavaSc39

遞歸調(diào)用

遞歸函數(shù)：就是在函數(shù)體內(nèi)調(diào)用函數(shù)本身。functionfactorial(num){if(num<=1){return1;}else{returnnum*factorial(num-1);}}3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計遞歸調(diào)用3.2函數(shù)第3章JavaScript程序構(gòu)成J40

函數(shù)作用域varscope="global";functionfun(){console.log(scope);varscope="local";console.log(scope);}fun();3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計函數(shù)作用域3.2函數(shù)第3章JavaScript程序構(gòu)成41

異常處理try{//可能發(fā)生錯誤的代碼}catch(error){//發(fā)生錯誤時處理方式}3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計異常處理3.2函數(shù)第3章JavaScript程序構(gòu)成J42

閉包閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)；functionfun1(){varn=999;nAdd=function(){n+=1}functionfun2(){console.log(n);}returnfun2;}varresult=fun1();result();nAdd();result();3.2函數(shù)第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計閉包3.2函數(shù)第3章JavaScript程序構(gòu)成Jav43

事件

JavaScript與HTML之間的交互是通過事件來實現(xiàn)的。事件，就是文檔或瀏覽器窗口中發(fā)生的一些特定的交互瞬間。<inputtype="button"value="clickme"onclick="alert('clicked')">3.3事件及事件處理第3章JavaScript程序構(gòu)成JavaScript程序設(shè)計事件3.3事件及事件處理第3章JavaScript程序44

常用事件