JS基础四
来源:互联网 发布:批处理编程 pdf 编辑:程序博客网 时间:2024/05/29 13:45
1.swicth
Switch的优点:1.选择结构更加清晰,一目了然2.实行速度相对较快
Switch的执行逻辑:从switch后面圆括号里的变量与从case后边的常量相等的地方开始依次执行指令,直到指令结束
。
Case:不会参与到运算当中,不起条件判断作用,否则执行
Case是起到标号的作用。只是执行的指令的入口标号。
标号是什么?
在计算机里,标号只是存储了指令的地址。
Break作用:跳出选择结构。Break在switch里,只是起到一个辅助的作用,并不属于switch语句。
<script>
var ch1 = prompt("请输入运算符:");
var num = Number(prompt("请输入一个数:"));
var num1 = Number(prompt("请输入另一个数:"));
var result;
switch (ch1){
case '+': result = num + num1;
break;
case '-': result = num - num1;
break;
case '*': result = num * num1;
break;
case '/': result = num / num1;
break;
}
alert(result);
</script>
var month =Number(prompt("输入月份:"));
var season;
switch (month){
case 12:
case 1:
case 2: season = "冬季";
break;
case 3:
case 4:
case 5:season = "春季";
break;
case 6:
case 7:
case 8:season = "夏季";
break;
case 9:
case 10:
case 11:season = "秋季";
}
alert(season);
在switch中,几个case是可以共用一条指令的,相信的相同指令的,可以写最后一条指令,break结束选择指令。
2.错误与调试
计算机程序的错误有两种:语法错误和逻辑错误。
比如:abc”*3;语法上就有问题,因为字符串没有乘法这个运算。
比如:alert拼写错误,写成了alter。
var a ="abc"*3;
alert(a);
alter(a);
a++;
alert(a);
运行结果只显示了7,后面的结果没有显示,说明后面的代码没有执行。因为输出7后遇到了语法错误,程序终止指执行。
上例也进一步说明了解释型语言的特点:翻译一条,执行一条,遇到错误提前终止执行。
语法错误的排除方法:
开发者工具的console窗口
try……catch
逻辑错误:程序在语法上没有问题,但是执行结果和预期结果有出入。
/*报名参军的年龄条件:17~24周岁*/
var age = Number(prompt("请输入你的年龄:"));
if(17 <= age <= 24){
alert("恭喜你入坑了");
}else{
alert("不好意思,你年龄太大");
}
当输入年龄96或者3,都能报名参军,结果显然是错误的,但执行过程中并没有出现语法错误。
调试的基本原理:
程序的执行是自动的,而且速度非常快,无法了解中间的执行过程。
但是几乎所有的开发工具都提供了调试的功能,可以去控制程序的执行节奏,从而可以让开发者看清执行的过程。
怎么去控制执行节奏?
(1)设置断点
打开开发者工具
早source页面打开源代码
在代码左侧(行号边上)单击即可在该处设置断点
(2)单步执行(step)
每执行一部都会停下来,然后再继续下一步
控制节奏的目的是看清或者了解程序的执行过程,而不是仅仅是结果。
怎么看结果?
查看程序执行的轨迹,也就是上图中的指示即将要执行的代码指示器,如果轨迹与预期不一致,说明上一步执行的代码出现逻辑错误。
查看变量、表达式的值
在watch窗口添加要查看的变量或表达式,比方输入age
此时就可以看到变量age的值
也可以通过在代码中选中要查看到额变量或表达式,右键选择添加
在watch窗口就可以看到添加的变量或者表达式的值。
因为计算机的程序的每一步执行的结果都是唯一的、可预期的的,同时我们又可以通过上述手段控制程序的运行节奏并查看程序执行的状态(如:轨迹、变量表达式的值),也就是可以看到实际执行结果。那么将实际结果和预期结果对比,如果出现不一致,说明刚刚执行的那一步出现错误,既定位错误。
一旦定位错误,根据所学知识或经验,应该就很容易分析出错误原因,从而找到解决方案。
设置断点:
运行程序,程序将在预定断点位置停下来。
查看变量a、b、c
单步执行:
在查看a+b+c的值
a+b+c的值并不是我们预期的6,二十“345”。原来是做了字符串的拼接运算,而不是我们希望的加法,所以是类型问题。
解决方案就是将输入的数据(字符串)转换为数值
再重新调试程序,并查看结果。
调试工具不仅仅是定位错误的工具,也是一个非常重要的学习工具,因为调试工具可以让我们直观的看到程序的运行轨迹以及运行状态,有助于我们对于一些抽象知识的理解。
- js基础篇四
- JS基础四
- js基础练习(四)
- JS基础学习(四)
- JS面向对象的基础(四)
- 【cocos2d-js官方文档】四、基础数据类型
- 【cocos2d-js官方文档】四、基础数据类型
- JS温习:基础(四) 继承,原型
- Web基础系列四、Angular JS
- JS基础加强四_面向对象
- Jquery基础(四) JS的Document属性和方法
- week10---11月11日 JS基础(四)
- Node.js的学习历程四npm的基础知识点
- javascript基础笔记(四)之js里面的语句
- 微信小程序 Node.js (基础四) 事件循环
- 【js基础】js基础巩固——DOM操作(四)
- js(四)
- 基础四
- 瑞博pm9000A+ 黑屏故障分析及处理方法
- java访问修饰符概述
- 条形码和二维码编码解码
- AtomicInteger理解和使用
- hbuilder离线打包 websocket全局共享
- JS基础四
- 今日开博
- 通过二进制对权限进行控制
- 阿里云服务器架设javaweb网站全攻略
- Springboot 自定义注解 AOP切面获取操作日志
- 51nod 1065 最小正子段和
- 编程之美读书笔记之CPU、内存管理
- java基础总结2
- 如何自学机器学习