JavaScript基础第03天 day03_JavaScript基础语法

1、JavaScript基础语法03,JavaScript第03天-昨日复习,昨日复习,前置自增是先硬件系统后硬件系统 后置自增是先硬件系统后硬件系统 “=”如果要相等必须硬件系统和硬件系统相等 switch的结束每一项的结束关键字是硬件系统 三元表达式的格式为：硬？硬：统 switch的默认项的关键词是硬件组成,前置自增是先自增后返回值 后置自增是先返回值后自增 “=”如果要相等必须值和数据类型相等 switch的结束每一项的结束关键字是硬break件 三元表达式的格式为： 条件判断表达式 ？表达式1 ：表达式2 switch的默认项的关键词是硬default件,昨日复习,JavaScript第

2、03天-昨日复习,Contents,目,录,循环 for 循环 双重 for 循环 while 循环 do while 循环 continue break,能够说出循环的目的 能够说出 for 循环的执行过程 能够使用断点调试来观察代码的执行过程 能够使用 for循环完成累加求和等案例 能够使用双重 for 循环完成乘法表案例 能够说出 while 循环和 do while 循环的区别 能够说出 break 和 continue 的区别,目标,TARGET,循环：按照一定顺序重复执行指定代码,要点提示,循环导读,掌握程度：了解,1.1 循环导读,循环的目的：重复执行指定代码,要点提示,循环的目

3、的,掌握程度：了解,2.1 循环的目的,for while do-while,要点提示,for循环语法结构,掌握程度：应用,3.1 for循环语法结构,for循环 for(初始化变量; 条件表达式; 操作表达式 ) 循环体 初始化变量：通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。 条件表达式：用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循环。 操作表达式：每次循环的最后都要执行的表达式。通常被用于更新或者递增计数器变量。当然，递减变量也是可以的。,3.2 for循环语法结构,课堂问答,知识总结,初始化变量执行

4、多少次？ 条件表达式、操作表达式、循环体的执行顺序？,要点提示,for循环执行过程,掌握程度：应用,4.1 for循环执行过程,执行过程： 1. 初始化变量，初始化操作在整个 for 循环只会执行一次。 2. 执行条件表达式，如果为true，则执行循环体语句，否则退出循环，循环结束。 3. 执行操作表达式，此时第一轮结束。 4. 第二轮开始，直接去执行条件表达式（不再初始化变量），如果为 true ，则去执行循环体语句，否则退出循环。 5. 继续执行操作表达式，第二轮结束。 6. 后续跟第二轮一致，直至条件表达式为假，结束整个 for 循环。,4.2 for循环执行过程,课堂问答,知识总结,创

5、,要点提示,断点调试,掌握程度：应用,5.1 断点调试,演示：在开发者工具中演示代码断点调试,5.2 断点调试,课堂问答,案例演示,重复执行相同代码,要点提示,for循环重复执行相同代码,掌握程度：应用,6.1 for循环重复执行相同代码,练习,动动手，练一下这个for循环案例吧！,提示,循环体是每次循环进行时会执行的操作,3分钟,6.2 for循环重复执行相同代码,for循环重复执行相同代码,使用计数器变量来设置循环体执行时不同执行方式,要点提示,for循环重复执行不同代码,掌握程度：应用,7.1 for循环重复执行不同代码,练习,动动手，练一下这个for循环案例吧！,提示,循环体是每次循环

6、进行时会执行的操作 使用计数器来影响每次循环体的执行,3分钟,6.2 for循环重复执行相同代码,for循环重复执行不同代码,1、2、3.99、100的累加和的计算方式？ 循环体中每次都加上当前循环的计数器变量i，即随着循环进行，分别加上了1、2、3.99、100,要点提示,for循环重复某些操作,掌握程度：应用,8.1 for循环重复某些操作,练习,动动手，练一下这个for循环案例吧！,提示,循环体中每次都加上当前循环的计数器变量i，即随着循环进行，分别加上了1、2、3.99、100,3分钟,8.2 for循环重复某些操作,求1-100和案例,要点提示,for循环案例,掌握程度：应用,9.1

7、 for循环案例,练习,动动手，练一下这些for循环案例吧！,提示,求1-100和 求1-100中所有偶数和奇数和 求1-100中所有能被3整除的数字的和,10分钟,9.2 for循环案例,for循环案例,如何不断弹出输入框？ 如何收集每次弹出框中输入的数据？,要点提示,求学生成绩案例（上）,掌握程度：应用,10.1 求学生成绩案例（上）,创,要点提示,求学生成绩案例（下）,掌握程度：应用,11.1 求学生成绩案例（下）,练习,动动手，练一下求学生成绩案例吧！,提示,使用for循环，没循环一次执行一次prompt，弹出一次输入框 在每次弹出输入框之后，获取用户数输入的数据,5分钟,11.2 求

8、学生成绩案例（下）,求学生成绩案例,每次循环向目标字符串追加一个“星星”,要点提示,一行打印五颗星星,掌握程度：应用,12.1 一行打印五颗星星,练习,动动手，练一下求学生成绩案例吧！,提示,循环过程中不断给目标字符串添加星星 循环完成之后再打印出目标字符串,3分钟,12.2 一行打印五颗星星,一行打印五颗星星案例,for循环中的“循环体”可以是一个for循环吗？ 外层循环每循环一次，都会把“外层循环体-里层循环”执行一遍,要点提示,双重for循环执行过程,掌握程度：应用,13.1 双重for循环执行过程,双重for循环执行过程： for (外循环的初始; 外循环的条件; 外循环的操作表达式)

9、 for (内循环的初始; 内循环的条件; 内循环的操作表达式) 需执行的代码; 外层循环执行一次，内层循环执行完成一遍,13.2 双重for循环执行过程,课堂问答,知识总结,外层循环没执行一次，都会让内层循环执行完成一遍 内层循环每执行完成一遍，打印出一行五颗星星,要点提示,打印5行5列的星星,掌握程度：应用,14.1 打印5行5列的星星,练习,动动手，练一下这个for循环案例吧！,提示,外层循环没执行一次，都会让内层循环执行完成一遍 内层循环每执行完成一遍，打印出一行五颗星星,5分钟,14.2 打印5行5列的星星,打印5行5列的星星,创,要点提示,打印n行n列的星星,掌握程度：应用,15.

10、1 打印n行n列的星星,练习,动动手，练一下这个for循环案例吧！,提示,通过prompt来指定外层循环和内层循环执行的次数,5分钟,15.2 打印n行n列的星星,打印n行n列的星星,如何指定内层循环执行完成时的执行次数？,要点提示,打印倒三角形案例,掌握程度：应用,16.1 打印倒三角形案例,练习,动动手，试一下打印正三角形！,提示,内层循环的循环次数由外层循环的计数器变量 i 指定 倒三角形，内层循环的循环次数随着外层循环的进行递减 正三角形，内层循环的循环次数随着外层循环的进行递增,5分钟,16.2 打印倒三角形案例,打印正三角形案例,逻辑类似于正三角形 每次循环都需要拼接字符串,要点提

11、示,九九乘法表,掌握程度：应用,17.1 九九乘法表,练习,动动手，试一下打印九九乘法表！,提示,先完成正三角形的逻辑 再把每次追加的“星星”修改为具体的数字,5分钟,17.2 九九乘法表,九九乘法表,要点提示,for循环小结,掌握程度：应用,18.1 for循环小结,while循环的书写结构,要点提示,while循环,掌握程度：应用,19.1 while循环,while循环 while (条件表达式) / 循环体代码 while循环应该设置计数器，放置循环一直执行,19.2 while循环,课堂问答,知识总结,for循环和while循环的特点 使用while循环完成for循环的逻辑,要点提示

12、,while案例,掌握程度：应用,20.1 while案例,练习,动动手，练一下这个案例吧！,提示,利用while循环，一直调用prompt弹出输入框，直到用户输入的是指定字符串文本时停止。,3分钟,20.2 while案例,while循环练习,do-while循环和while循环的区别,要点提示,do while循环,掌握程度：应用,21.1 do while循环,do-while循环 do / 循环体代码 while( 条件表达式 ) do-while循环和while循环相比，会在判断条件表达式之前先去执行一次循环体,21.2 do while循环,课堂问答,知识总结,创,要点提示,do

13、while案例,掌握程度：应用,22.1 do while案例,练习,动动手，练一下这个案例吧！,提示,利用while循环，一直调用prompt弹出输入框，直到用户输入的是指定字符串文本时停止。,3分钟,22.2 do while案例,do-while循环练习,要点提示,循环小结,掌握程度：应用,23.1 循环小结,continue：结束本次循环，调到下一次循环,要点提示,continue关键字,掌握程度：应用,24.1 continue关键字,演示：通过代码断点调试演示continue的作用,24.2 continue关键字,课堂问答,案例演示,break：结束整个循环,要点提示,break关键字,掌握程度：应用,25.1 break关键字,演示：通过代码断点调试演示break的作用,25.2 break关键字,课堂问答,案例演示,要点提示,命名规范以及语法格式,掌握程度：应用,26.1 命名规范以及语法格式,变量、函数的命名必须要有意义 变量的名称一般用名词 函数的名称一般用动词 操作符的左右两侧各保留一个空格 单行注释前面注意有个空格,26.2 命名规范以及语法格式,课