JavaScript动态网页设计 课件 2-3条件控制语句if结构_第1页
JavaScript动态网页设计 课件 2-3条件控制语句if结构_第2页
JavaScript动态网页设计 课件 2-3条件控制语句if结构_第3页
JavaScript动态网页设计 课件 2-3条件控制语句if结构_第4页
JavaScript动态网页设计 课件 2-3条件控制语句if结构_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

3.1条件控制语句主讲：***2024年1月2日JavaScript动态网页设计1子项目2024年1月2日JavaScript动态网页设计2学习任务

任务1选择结构和条件判断

任务2if-else条件控制语句

任务3switch-case条件控制语句2024年1月2日JavaScript动态网页设计3

语句：和其他编程语言一样，Javascript也具有各种语句来进行流程上的判断。从本质上看，语句定义了ECMAScript中的主要语法，语句通常使用一或多个关键字来完成给定点任务。语句可以很简单，例如通知函数退出；也可以比较复杂，例如指定重复执行某个命令的次数。

程序控制语句主要分成两种：条件控制语句和循环控制语句。2024年1月2日JavaScript动态网页设计4任务1选择结构和条件判断条件控制语句采用依照某种条件判断该代码段是否执行。实际的生活中往往存在选择分支的情况，一般来说，像抛硬币之类的事件存在着正面和反面两个分支，像选择出行路径之类的事件，往往存在多个分支，分支的数量不同将决定程序的不同行为表现。常用的有两种选择语句：（1）if语句，这种语句的作用场景为只有两个分支的程序选择中。（2）switch语句，这种语句的作用场景为具有多个分支的程序选择中。

2024年1月2日JavaScript动态网页设计5任务2if-else条件控制语句1、对程序流程进行条件判断时，最为常用的一个语句就是if-else语句。if-else语句的语法：if(condition)statement1elsestatement2其中的条件condition可以是任意的表达式，且该条件表达式的值不一定是布尔值。ECMAScript会自动调用Boolean()转换函数将这个表达式的结果转换为一个布尔值。if语句的执行过程为：如果对condition求值的结果是true,则执行statement1（语句1）；如果condition的结果为false，则执行statement2（语句2）。执行体语句1和语句2既可以是一行代码，也可以是一个代码块（以一对花括号括起来的多行代码）。2024年1月2日JavaScript动态网页设计6if-else控制语句执行流程图如下：

2024年1月2日JavaScript动态网页设计7【范例3-1】根据年龄显示不同内容。程序代码如下：<body><script>varage=20;if(age>=18){//如果age>=18为true，则执行if语句块alert('成年人');}else{//否则执行else语句块alert('青少年');}</script></body>运行效果：2024年1月2日JavaScript动态网页设计8<body><script>varage=20;if(age>=18)//如果age>=18为true，则执行if语句块alert(‘成年人’);else//否则执行else语句块alert('青少年');</script></body>执行结果与例3-1完全一样。在上面例3-1中，else语句是可选的，即可不包含else语句。

同时，如果语句块只包含一条语句，那么可以省略大括号{},则例3-1可以修改如下：是否所有大括号{}都可以省略呢？？？2024年1月2日JavaScript动态网页设计9<body><script>varage=20;if(age>=18)alert('成年人');elseconsole.log('年龄小于18岁');alert('青少年');</script></body>此刻程序的结果仅在控制台里输出：年龄小于18岁不可以！！！省略{}的危险之处在于，如果后来想添加一些语句，却忘了写{}，就改变了if...else...的语义，比如在3-1例子中的else条件后需执行两条语句，修改如下：2024年1月2日JavaScript动态网页设计10上述代码的else子句实际上只负责执行语句console.log(“年龄小于18岁“)，原有的alert(“青少年”)语句已经不属于else的控制范围了，当条件判断的表达式结果为假，它仅执行到else后面的第一个分号;处，因此语句alert(“青少年”)执行不到。所以业界推崇的最佳实践是始终使用代码块，即使要执行的只有一行代码。因为这样可以消除人们的误解，否则可能让人分不清在不同条件下分别要执行哪些语句。

以上代码修改如下，则可得到预期的输出结果：<body><script>varage=20;if(age>=18){alert('成年人');}else{console.log('年龄小于18岁');alert('青少年');}</script></body>2024年1月2日JavaScript动态网页设计11if-else判断多分支语句如果还需要进行更细致的判断条件，可以使用多个if-else语句的组合。可以把多个if-else语句写在一行代码中，如：if(condition1){statement1}elseif(condition2){statement2}else{statement3}2024年1月2日JavaScript动态网页设计12if-else判断多分支控制语句流程图：2024年1月2日JavaScript动态网页设计13程序代码如下：<body><script>varage=3;if(age>=18){alert('成年人');}elseif(age>=6){alert('青少年');}else{alert('儿童');}</script></body>运行效果：【范例3-2】根据年龄显示不同内容。2024年1月2日JavaScript动态网页设计14程序代码如下：<body><scripttype="text/javascript">varmyscore=86;if(myscore<60){ alert("成绩不合格，加油！");}elseif(myscore>=60&&myscore<75){ alert("成绩良好，不错呀");}elseif(myscore>=75&&myscore<85){ alert("成绩很好，很棒");}else{ alert("成绩优秀，超级棒");}</script></body>【范例3-3】数学考试中，小明考了86分，给他做个评价，60

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论