03JavaScript基础课堂笔记

01-分支语句

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

语法

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

知识点-三元表达式

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

语法
```
条件 ?  代码1 : 代码2;
```

执行过程

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

课堂案例

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

知识点-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)

设置对应的位置处设置断点(点击鼠标左键)
再次刷新页面,执行程序(重新让程序执行)
手动的点击下一步(F10),监视程序的执行
断点调试中重点观察变量值的变化
- 可以直接将鼠标悬停到变量上,查看变量的值
- 推荐的做法: 将变量添加到右侧的监视窗口中

03.循环语句[☆☆☆]

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

知识点-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中所有奇数的和】

知识点-dowhile循环

语法
执行过程

课堂案例

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

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

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

语法
执行过程

课堂案例

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

03.关键字

知识点-continue关键字

continue关键字作用

课堂案例

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

知识点-break关键字

break关键字

课堂案例

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

04.断点调试

mBSDp-1583144829729)]

03.关键字

知识点-continue关键字

continue关键字作用

课堂案例

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

知识点-break关键字

break关键字

课堂案例

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

04.断点调试

javascript第三天（2）相关推荐

学习javascript数据结构(三)——集合
前言总括: 本文讲解了数据结构中的[集合]概念,并使用javascript实现了集合. 原文博客地址:学习javascript数据结构(三)--集合知乎专栏&&简书专题:前端进击者 ...
web 前端如何分享到instagram_好程序员web前端教程分享前端javascript练习题三
好程序员web前端教程分享前端javascript练习题三 cookie 一周内免登录样式代码: 姓名: 密码: 一周内免登陆 js功能代码: var input=document.getEleme ...
JavaScript进阶(三)
JavaScript进阶(三) 2019版黑马程序员javaScript进阶面向对象ES6 122集教程,哔哩哔哩链接:https://www.bilibili.com/video/BV1Kt411w ...
JavaScript 里三个点 ...，可不是省略号啊···
摘要:Three dots ( - ) in JavaScript. 本文分享自华为云社区<JavaScript 里三个点 ... 的用法>,作者: Jerry Wang . Rest P ...
javascript中三个等号的意思
全等号,不需要类型转换做比较的时候使用.JavaScript在两个等号时是内部做类型转换的,如果你不需要这样,就用三个等号. 楼主也不散分,说这些我觉得已经足够了转载于:https://www.cn ...
学习笔记（六）——JavaScript（三）
文章目录一.鼠标事件 1.1.鼠标移动事件(onmousemove) 1.2.鼠标按键按下与松开事件(onmousedown/onmouseup) 1.3.鼠标滚轮事件(onmousewheel) ...
JavaScript 里三个点 ... 的用法
Three dots ( - ) in JavaScript Rest Parameters 使用 rest 参数,我们可以将任意数量的参数收集到一个数组中,然后用它们做我们想做的事情. 引入了其余参 ...
JavaScript 第三课 DOM
主要内容: 节点 5个常用的DOM方法: getElementById.getElementByTagname.getElementByClassName.getAttribute和setAttrib ...
JavaScript（三）—— JavaScript 函数/JavaScript 作用域/JavaScript 预解析/JavaScript 对象
本篇为 JavaScript 系列笔记第三篇,将陆续更新 JavaScript(一)-- 初识JavaScript/注释/输入输出语句/变量/数据类型 JavaScript(二)-- JavaScri ...
向ES6看齐，用更好的JavaScript（三）
本文是ES6系列的第三篇,主要介绍ES6新增的数据类型.数据结构,先上传送门: 1 变量部分 2 现有对象拓展 3 新增数据类型/数据结构 4 新的异步编程模式 5 类和模块 1 第七种数据类型Sym ...

javascript第三天（2）

03JavaScript基础课堂笔记

01-分支语句

02-断点调试

03.循环语句[☆☆☆]

03.关键字

04.断点调试

03.关键字

04.断点调试

javascript第三天（2）相关推荐

最新文章

热门文章