javascript第三天（2）

03JavaScript基础课堂笔记

01-分支语句

1. 知识点-多条件判断分支语句

   • 语法

     if(条件) {
         代码1
     }else if(条件) {
         代码2
     }else if(条件) {
         代码3
     }else {
         代码4
     }
     

   • 执行过程

     1. 代码自上而下执行
     2. 程序先判断第一个条件是否成立 true 还是 false
     3. 如何第一个条件的结果是 true,那么就执行代码1,后面的代码都不执行
     4. 如果第一个条件的结果是 false, 那么程序就会执行第二个条件,并判断第二个条件是否成立,如果第二个条件成立,那么就执行代码2,后面的代码都不再执行.
     5. 以上情况依次类推
     6. 如果以上条件都不满足就执行 else 中的代码
     
     概括: 条件成立就执行,条件不成立就执行else中的代码
     
     注意:
       else if 的个数要根据实际情况而定.
     

   • 课堂案例

     1.一个加油站为了鼓励车主多加油，所以加的多有优惠。
           92号汽油，每升6元；如果大于20升，那么超出部分每升5.9；
           95号汽油，每升7元；如果大于30升，那么超出部分每升6.95
           编写JS程序，用户输入自己的汽油编号，然后输入自己加多少升，弹出价格。
     
     2.分数转换，把百分制转换成ABCDE   <60  E  60-70 D  70-80 C  80-90 B  90 - 100 A
     

2. 知识点-三元表达式

   1. 三元表达式可以理解为是 单条件判断的另外一种简写形式
   2. 三元表达式最重要的特点是通过判断条件后赋值的.[目前先不涉及,后面的课程我们会用该特点]
   

   • 语法

     条件 ?  代码1 : 代码2;
     

   • 执行过程

     1. 程序自上而下执行
     2. 程序判断条件的结果是否成立 true  还是 false
     3. 如果条件的结果是 true 那么就执行 代码1
     4. 如果条件不成立 false 那么就执行代码2
     

   • 课堂案例

     1:接收用户输入的数字，判断是奇数还是偶数
     2:当点击确定，弹出消息提示“您已退出”  当点击取消  弹出消息“您已取消退出”
     3:从两个数中找最大值
     4:从三个数字中找最大值 (三元表达式)思考?
     

3. 知识点-switch语句

   当程序中变量的值是某些固定值的时候,可以使用 switch 去解决
   

   • 语法

     switch(变量) {
         case 值1:
             代码1;
         break;
             
         case 值2:
             代码2;
         break;
             
         default :
             代码3;
         break;
     }
     

   • 执行过程

     1. 程序自上而下执行
     2. 得到变量中的值
     3. 使用变量中的值 分别和 case 后面的值比较是否相等, 如果相等,那么就执行对应的代码
     4. 如果变量中的值 和 case 后面的值不相等, 继续向下查找
     5. 如果没有找到相同的值 ,那么最后就执行 default 中的代码
     

   • 注意事项

     1. switch 中的变量数据类型必须和 case 后面值的数据类型保持一致.
     2. switch 语句中的 break 关键字不能省略,表示要结束当前语句

   • 课堂案例

     ☞ 根据用户输入月份，显示对应的季节（例如：3,4,5为春季）
     
     ☞ 根据用户输入数字，显示对应星期数
     	
        例如：用户输入数字1 ，显示 周一
     
     ☞ 李四的年终工作评定,如果定为A级,则工资涨500元,如果定为B级,则工资涨200元,如果定为C级,工资不变,如果定为D级工资降200元,如果定为E级工资降500元.
     设李四的原工资为5000,请用户输入李四的评级,然后显示李四来年的工资.
     

02-断点调试

• 为什么要学断点调试?

  1. 为了排除程序中的逻辑问题
  2. 为了监控程序中每一行代码执行的过程及执行的结果
  

• 如何对待断点调试?

  1. 程序员必须要掌握断点调试的这个技能
  2. 对于初学者理解程序执行过程,对于程序员排除程序错误有帮助
  

• 使用断点调试,查看程序执行

  1. 先运行程序

  2. 打开控制台程序(F12)

3. 设置对应的位置处设置断点(点击鼠标左键)

4. 再次刷新页面,执行程序(重新让程序执行)

5. 手动的点击下一步(F10),监视程序的执行

6. 断点调试中重点观察变量值的变化

   • 可以直接将鼠标悬停到变量上,查看变量的值

   • 推荐的做法: 将变量添加到右侧的监视窗口中

03.循环语句[☆☆☆]

为什么要学习循环: 循环可以帮助我们解决让代码重复的执行

1. 知识点-while循环

   • 语法

     初始化变量;
     while(条件) {
         代码;
         修改变量的值;
     }
     

   • 执行过程

     1. 程序自上而下执行
     2. 程序执行初始化变量, 给变量赋一个默认值
     3. 将变量的值,带入到 while 的条件中, 判断条件是否成立 true | false
     4. 如何条件为 true , 那么程序就一直执行 循环体中的代码
     5. 当修改变量值之后, 带入到条件中,如果条件为 false, 那么循环体中的代码立即结束(不再执行)
     
     总结:  条件成立代码就一直执行, 条件不成立代码就立即结束(不再执行)
     

   • 课堂案例

     1. 将 1 到 100 之间的所有数字输出到控制台中
     2. 将1到100之间的所有是3的倍数的值找出来，在控制台中输出
     3. 求1到100之间的数字和。在控制台中输出（5050）
     4. 首先接收用户输入用户名和密码，只要用户名不是admin或者密码不是888就一直提示要求重新输入,如果正确则提登录成功.
     5. 请将1到50中所有的奇数并求和，在控制台中输出！【输出1-50之间的所有奇数，输出1-50中所有奇数的和】
     

2. 知识点-dowhile循环

   • 语法

   • 执行过程

   • 课堂案例

     1. 将1到100之间的所有是3的倍数找出来，在控制台中输出
     2. 求1到100之间的数字和。在控制台中输出
     3. 首先接收用户输入用户名和密码，只要用户名不是admin或者密码不是888就一直提示要求重新输入,如果正确则提登录成功.
     4. 请将1到50中所有的奇数并求和，在控制台中输出！
     

3. 知识点-while循环与dowhile循环区别

4. 知识点-for循环 [重点 + 必须要掌握的]

   • 语法

   • 执行过程

   • 课堂案例

     1. 计算1到100的和 
     2. 将1到100之间所有是6的倍数的数字输出到控制台中
     3. 在页面中打印 两行每行中有10颗*
     4. 在页面中打印直角三角形
     5. 在页面中打印99乘法表
     6. 输入班级人数(比如5人),然后依次输入学员成绩
         1. 计算班级学员的总成绩
         2. 计算班级的平均成绩
     

03.关键字

1. 知识点-continue关键字

   • continue关键字作用

   • 课堂案例

     1. 求整数1～100的累加值，要求跳过所有个位为3的数
     

2. 知识点-break关键字

   • break关键字

   • 课堂案例

      1. 求整数1～100的累加值，要求碰到3的倍数则停止累加 
     

04.断点调试

mBSDp-1583144829729)]

03.关键字

1. 知识点-continue关键字

   • continue关键字作用

   • 课堂案例

     1. 求整数1～100的累加值，要求跳过所有个位为3的数
     

2. 知识点-break关键字

   • break关键字

   • 课堂案例

      1. 求整数1～100的累加值，要求碰到3的倍数则停止累加 
     

04.断点调试