一、javascript中的语句
1.顺序结构
2.选择结构–条件语句
2.1. if语句
2.1.1 if(){} —
2.1.2 if(){}else{} —
2.1.3 if(){}else if(){}…else if(){}else{} —
2.1.4 if(){ if(){}eles{} }else{ if(){}eles{} } —
2.2. switch语句</h5>
3.循环结构</h5>
3.1 for循环</h5>
3.2 while循环</h5>
3.3 do{}while循环</h5>
二、JavaScript条件语句
if语句
if(){} —
if(){}else{} —
if(){}else if(){}…else if(){}else{} —
if(){ if(){}eles{} }else{ if(){}eles{} } —
switch语句
例如 if语句：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
//if语句
/*1.
if(判断条件){
需要被执行的JavaScript代码段
}
先执行判断条件，--true---（再执行代码段）
--false--（什么也不做）
*/
/*var age=20;
if( age>=18){
alert("成年人");
}*/
/*2.
if(判断条件){
需要被执行的代码1
}else{
需要被执行的代码2
}
先执行判断条件，--true--（再执行需要被执行的代码1）
--false--（执行需要被执行的代码2）
*/
/*age=10;
if(age>=18){
alert("成年人！");
}else{
alert("未成年人");
}
单选一
*/
/*3.
if(判断条件1){
需要被执行的代码1
}else if(判断条件2){
需要被执行的代码2
}
·····
else if(判断条件n){
需要被执行的代码n
}else{
所有都不满足（false）的代码
}
先执行判断条件1--true --执行代码1--结束
先执行判断条件1--false--执行判断条件2--true--执行代码2--结束
········
--false--执行都不满足的代码
*/
/*var op="=";
var num1=10;
var num2=14;
if(op=="-"){
alert("num1+num2"+"="+(num1-num2));
}else if(op=="+"){
alert("num1-num2"+"="+(num1+num2));
}else if(op=="*"){
alert("num1*num2"+"="+(num1*num2));
}else if(op=="/"){
alert("num1/num2"+"="+(num1/num2));
}else{
alert("没有符合运算的符号！")
}
多选一
*/
/*4.
if(判断条件1){
if(判断条件2){
javascript代码1
}
}else{
if(判断条件3){
需要执行的代码2
}
}
先执行判断条件1--true--执行判断条件2--true--执行代码1--结束
先执行判断条件1--false--执行判断条件3--true--执行代码2--结束
*/
/*chengji=60;
if(chengji>=60){
if(chengji<100){
alert("该生成绩大于等于60")
}
}else{
if(chengji<60){
alert("该生成绩不及格")
}
}*/
</script>
</head>
<body>
<h5>2.选择结构--条件语句</h5>
<h5>2.1. if语句</h5>
<h5>2.1.1 if(){} -- </h5>
<h5>2.1.2 if(){}else{} -- </h5>
<h5>2.1.3 if(){}else if(){}...else if(){}else{} -- </h5>
<h5>2.1.4 if(){ if(){}eles{} }else{ if(){}eles{} } -- </h5>
</body>
</html>例如 switch语句;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>switch语句</title>
<script>
//switch语句
/*
switch(匹配值){
case 常量值1:执行代码 1;break;
case 常量值2:执行代码 2;break;
case 常量值3:执行代码 3;break;
······
default: 与所有的case的值都不同时执行的代码
}
匹配值-- 表达式【1+1】、变量
先执行匹配值得到一个结果，使用这个结果与case 后面的常量值值比较是否相等
----相等---执行当前case 后面的代码块---
----不相等---与下一个case 后面的常量值值比较是否相等---
----相等---执行当前case 后面的代码块---
----不相等---与下一个case 后面的常量值值比较是否相等---
.......
----匹配值得到的结果与所有的case都不同时----default后面的代码
注意:匹配值得到的结果，与case 后面的常量值值比较是否相等，如果相等就执行当前case 后面的代码块，
当前case 后面的代码块执行完毕以后，如果有break;，switch语句执行结果
如果没有break;取消匹配值得到的结果与下一个case 后面的常量值的比较，直接运行下一个case 后面对应的代码块，
直到有break结束，如果没有break，后面的代码块全部执行。
从此时满足的条件输出结果，下面常量不在和匹配值进行比较，直接出结果到有brea0k结束或者执行完。
*/
op="-";
num1=10;
num2=25;
switch(op){
case "+":alert("num1"+"num2"+"="+ (num1+num2));
case "-":alert(num1-num2)
case "*":alert(num1*num2);
case "/":alert(num1/num2);
default:alert("没有合适运算符号！")
}
</script>
</head>
<body>
<h5>switch语句</h5>
</body>
</html>三、循环结构
for循环 、while循环 、do{}while循环
1.for循环
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>for循环</title>
<script>
//for语句
/*
for(初始条件,判断条件,循环增值/减值){
需要被执行的循环体（代码）
}
初始条件----定义循环什么时候开始
判断条件 --- 控制循环什么时候结束
循环增量/减量 --- 修改初始条件数据值
先执行初始条件，在执行判断条件--true--{需要被循环执行的javascript代码}
----循环增量/减量---在执行判断条件--true--{需要被循环执行的javascript代码}
......
----在执行判断条件--false---结束
*/
/*for(i=1;i<=5;i++){
document.write("<p>输出结果次数为"+i+"<p>")
}*/
//使用for循环遍历数组,将数据通过下标逐一取出
/* var student1=[1003,"fxt",22];
for(i=0;i<(student1.length);i++){
document.write("<p>下标为"+i+"的数据"+student1[i]+"<p>")
}*/
//for /in 循环
/*for(变量 in 数组/对象){
需要循环的代码
}
将in后面的数组/对象中的数据取出赋值给in前面的变量，
在需要被循环执行的javascript代码中使用从数组/对象中的取出的数据
*/
//for/in 循环访问数组的下标
var student1=new Array(1003,"fxt",22);
for(x in student1){
document.write("<p>根据得到的下标"+x+"在数组中获取的数据"+student1[x]+"<p>");
}
//for/in 循环访问对象的属性，注意访问对象是不能通过获得的属性变量值获取数据
var student={
studi:183766,
stuname:"fxt",
age:22,
xuexi:function(){},
xiuxi:function(){},
}
for (i in student){
//使用student.属性名称（变量获取的属性名称i）时得不到，因为student对象中没有交i这个属性名称或者方法名称
document.write("<p>"+i+"<p>")
}
</script>
</head>
<body>
<h5>for循环</h5>
</body>
</html>2.while循环
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>while循环</title>
<script>
//while语句
/*while(判断条件){
需要执行的代码
}
//格式上与for循环相比没有初始条件和循环增量/减量条件
//如果需要初始条件【while循环语句之外】和循环增量/减量条件【{}中的最后一句】需要自己定义
先执行判断条件---true--{需要被循环执行的javascript代码}---判断条件
---false---结束
*/
i=1;
while(i<=5){
document.write("<p>"+i+"<p>");
i++;
}
var j=5;
while(j>=1){
document.write("<p>"+j+"</p>");
j--;
}
</script>
</head>
<body>
<h5>while循环</h5>
</body>
</html>四、循环的比较
for循环与while和do{}while的区别</h5>
1.形式上的不同
for循环有初始条件;判断条件;循环增量/减量，while和do{}while只有判断条件
while循环如果需要初始条件【while循环语句之外】和循环增量/减量条件【{}中的最后一句】需要自己定义
do{}while()如果需要初始条件【do{}while()循环语句之外】和循环增量/减量条件【do{}中的最后一句】需要自己定义
2.具体执行过程
for循环需要明确循环次数
while循环/do{}while()循环不需要明确循环次数
while与do{}while的区别
while循环先判断后执行，do{}while循环先执行后判断
初始判断条件的值为false时，do{}while循环比while循环多执行一次
五、break 和 continue 语句
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>break 和 continue 语句 </title>
<script>
/*
var i=1;
while(i<=6){
if(i==3){
break;
}
document.write("<h"+i+">测试while循环语句--h"+i+"</h"+i+">");
i++;
}
*/
for(var i=1;i<=6;i++){
if(i==4){
continue;
}
document.write("<p>"+i+"</p>");
}
</script>
</head>
<body>
<h4>break 和 continue 语句</h4>
<h5>break---中断【switch/循环】</h5>
<h5>continue---继续【循环】结束当前的循环执行，进入下一次循环</h5>
<h5>作业:99乘法表【双重循环】</h5>
</body>
</html>六、JavaScript 错误处理
程序出现错误是正常现象，就像人会生病一样
1.try 和 catch捕获处理错误
语法格式:
try {
… //异常的抛出
} catch(e) {
… //异常的捕获与处理
} finally {
… //结束处理
}
将可能出现错误的javascript代码用try{}包围
在try{}后面出现catch(e) {//异常的捕获与处理}
e—错误对象
{//异常的捕获与处理}
finally{}–程序执行有误错误都要执行的代码
2.Throw 语句—手动引发一个错误<
例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript 错误处理</title>
<script>
/*try{
var num1="10";
var res=num1/num2;
alert(res);
}catch(e){
alert(e.message);
}finally{
alert("程序执行有误错误都要执行的代码");
}*/
//创建一个有指定存储空间的数组
function creatArray(size){
try{
if(size<0){
throw "指定存储空间不能为负数";
}
}catch(e){
alert(e);
size=0;
}
var arr = new Array(size)
return arr;
}
var varrRes= creatArray(-4);
alert(varrRes)
</script>
</head>
<body>
<h4>JavaScript 错误处理</h4>
<h5>程序出现错误是正常现象，就像人会生病一样</h5>
<h5>try 和 catch捕获处理错误</h5>
<h5>
语法格式:<br>
try {<br>
... //异常的抛出 <br>
} catch(e) {<br>
... //异常的捕获与处理 <br>
} finally {<br>
... //结束处理 <br>
}
</h5>
<h5>将可能出现错误的javascript代码用try{}包围<br>
在try{}后面出现catch(e) {//异常的捕获与处理}<br>
e---错误对象<br>
{//异常的捕获与处理}<br>
finally{}--程序执行有误错误都要执行的代码<br>
</h5>
<h5>Throw 语句---手动引发一个错误</h5>
</body>
</html>版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/79864.html
