CH04 JavaScript语句和函数教学课件.ppt

本章小结本章小结本章主要介绍了JavaScript条件语句、循环语句和函数相关知识。在JavaScript条件语句部分介绍了if和switch语句的用法；在JavaScript循环语句部分介绍了for、for-in、while、do-while循环的用法。在JavaScript函数部分主要介绍了函数的基本结构、调用方法与返回值处理。本章阶段案例介绍了猜数字小游戏，系统随机生成一个1-100之间的整数让玩家猜，共计8个回合，系统会根据玩家输入的数字提示猜大了、小了、猜中了或游戏回合用光。Thankyou！4.2.4do-while循环例如：vari=1;do{i++;}while(i10)4.2.4do-while循环【例4-6】JavaScriptdo-while循环的简单应用4.2.5break和continuebreak语句可以用于终止全部循环，continue语句用于中断本次循环，但是会继续运行下一次循环语句。4.2.5break和continue【例4-7】JavaScriptbreak的简单应用4.2.5break和continue【例4-8】JavaScriptcontinue的简单应用4.3JavaScript函数4.3.1函数的基本结构4.3.2函数的调用4.3.3函数的返回值4.3.1函数的基本结构函数是在调用时才会执行的一段代码块，可以重复使用。其基本语法结构如下：function函数名称(参数0,参数1,……参数N){待执行代码块}上述语法结构是由关键词function、函数名称、小括号内的一组可选参数以及大括号内的待执行代码块组成的。其中函数名称和参数个数均可以自定义，待执行的代码块可以是一句或多句JavaScript代码组成。4.3.1函数的基本结构例如：functionwelcome(){alert(WelcometoJavaScriptWorld);}上述代码定义了一个名称为welcome的函数，该函数的参数个数为0。在待执行的代码部分只有一句alert()方法，用于在浏览器上弹出对话框并显示双引号内的文本内容。4.3.1函数的基本结构如果需要弹出的对话框每次显示的文本内容不同，可以使用参数传递的形式：functionwelcome(msg){alert(msg);}此时为之前的welcome函数方法传递了一个参数msg，在待执行的代码部分修改原先的alert()方法，用于在浏览器上弹出对话框并动态显示msg传递的文本内容。4.3.2函数的调用函数可以通过使用函数名称的方法进行调用。例如：如果该函数存在参数，则调用时必须在函数的小括号内传递对应的参数值。welcome();welcome(HelloJavaScript!);4.3.2函数的调用函数可以在JavaScript代码的任意位置进行调用，也可以在指定的事件发生时调用。例如在按钮的点击事件中调用函数：buttononclick=welcome()点击此处调用函数/button上述代码中的onclick属性表示元素被鼠标点击的状态触发等号右边的内容。4.3.2函数的调用【例4-9】JavaScript函数的简单调用4.3.3函数的返回值相比Java而言，JavaScript函数更加简便，无需特别声明返回值类型。JavaScript函数如果存在返回值，直接在大括号内的代码块中使用return关键词后面紧跟需要返回的值即可。4.3.3函数的返回值例如：functiontotal(num1,num2){returnnum1+num2;}varresult=total(8,10);//返回值是18alert(result);上述代码对两个数字进行了求和运算，使用自定义变量result获取total函数的返回值。此时在total函数的参数位置填入了两个测试数据，得到了正确的计算结果。4.3.3函数的返回值函数也可以带有多个return语句：functionmaxNum(num1,num2){if(num1num2)returnnum1;elsereturnnum2;}varresult=maxNum(99,100);//返回值是100alert(result);上述代码对两个数字进行了比大小运算，然后返回其中较大的数值。使用自定义变量result获取maxNum函数的返回值。此时在maxNum函数的参数位置填入了两个测试数据，得到