《JavaScript程序设计》课件——项目2-2 流程控制语句.pptx

JavaScript程序设计2021

1课程导入2任务导入3知识讲解4任务实施项目2-2流程控制语句5任务总结

知识回顾任务导入知识讲解任务实施任务总结共有几种基本数据类型？分别是什么？如何检测数据的类型？哪个函数可以将数据转换为字符串？三元运算符是什么意思？提问

知识回顾任务导入知识讲解任务实施任务总结任务重难点查询水果价格打印金字塔重点：选择结构：if，if…else，if…elseif…,swich语句循环结构：for，while，do…while语句实际案例讲解

知识回顾任务导入知识讲解任务实施任务总结流程控制流程控制通过控制代码的执行顺序来完成要实现的功能，流程控制的3种结构如下：顺序结构是程序中最基本的结构，程序会按照代码的先后顺序依次执行分支结构用于根据条件来决定是否执行某个分支代码循环结构用于根据条件来决定是否重复执行某一段代码

知识回顾任务导入知识讲解任务实施任务总结流程控制选择结构概念：选择结构语句需要根据给出的条件进行判断来决定执行对应的代码。if…elseif…else多分支语句if单分支语句if…else双分支语句switch多分支语句

知识回顾任务导入知识讲解任务实施任务总结流程控制1.1选择结构——if单分支语句流程图if(条件表达式){//代码段}语法结构if语句也称为条件语句、单分支语句，当满足某种条件时，就进行某种处理。

知识回顾任务导入知识讲解任务实施任务总结流程控制1.2选择结构——if…else双分支语句if…else语句也称为双分支语句，当满足某种条件时，就进行某种处理，否则进行另一种处理。if(条件表达式){//代码段1}else{//代码段2}语法结构流程图

知识回顾任务导入知识讲解任务实施任务总结流程控制1.3选择结构——if…elseif…else多分支语句if…elseif语句也称为多分支语句，可针对不同情况进行不同的处理。if(条件表达式1){//代码段1}elseif(条件表达式2){//代码段2}...elseif(条件表达式n){//代码段n}else{//代码段n+1}语法结构流程图

知识回顾任务导入知识讲解任务实施任务总结流程控制1.4选择结构——switch多分支语句switch语句也是多分支语句，功能与if…elseif语句类似，不同的是它只能针对某个表达式的值作出判断，从而决定执行哪一段代码。switch(表达式){case值1代码段1;break;case值2代码段2;break;...default:代码段n;}语法结构流程图

知识回顾任务导入知识讲解任务实施任务总结流程控制循环结构概念：所谓循环语句就是可以实现一段代码的重复执行。举例：连续输出1~100之间的数字。forwhiledo…while

知识回顾任务导入知识讲解任务实施任务总结流程控制2.1for语句for语句是最常用的循环语句，它适合循环次数已知的情况。for(初始化变量;条件表达式;操作表达式){//循环体}语法结构流程图

知识回顾任务导入知识讲解任务实施任务总结流程控制案例：使用for语句输出1~100范围内的数字初始化变量条件表达式操作表达式for(vari=1;i=100;i++){console.log(i);}

知识回顾任务导入知识讲解任务实施任务总结流程控制代码执行流程：执行“vari=1;”初始化变量判断“i=100”是否为true，如果为true，执行循环体，反之，结束循环执行循环体，通过“console.log(i)”输出变量i的值执行“i++”，将i的值加1，此时i的值为2判断“i=100”是否为true，和第②步相同。只要满足“i=100”这个条件，就会一直循环。当i的值加到101时，判断结果为false，循环结束

知识回顾任务导入知识讲解任务实施任务总结流程控制断点调试是指在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后就可以控制代码一步一步的执行，在这个过程中可以看到每个变量当前的值。查看方式：在Chrome浏览器中，按F12键启动开发者工具后，切换到“Sources”面板，界面效果如下图所示，其中右栏是JavaScript调试区。“Sources”面板

知识回顾任务导入知识讲解任务实施任务总结流程控制在中栏显示的网页源代码中，单击某一行的行号，即可添加断点，再次单击，可以取消断点。例如，为for语句添加断点，如下图所示。断点调试

知识回顾