JavaScript流程控制

来源：互联网发布：win7 tcp监听端口阻塞编辑：程序博客网时间：2024/06/05 16:09

①顺序控制
对编程而言，不可能告知其流程就是顺序控制
②分支控制
（1）单分支
基本语法
If（条件表达式）{
//执行语句1}
（2）双分支
If（条件表达式）{
}else{
}
（3）多分支
基本语法：
If（条件表达式）{
//执行}else if（条件表达式2）{
//执行
}else if

1
2
3
4
5
6
7
8
9
var sex=window.prompt("请输入性别");
if(sex=="男"){
    window.alert("上男厕所");
}
else if(sex=="女"){
    window.alert("上女厕所");
}else{               
    window.alert("不上厕所");
}

强调:满足条件的入口，执行完毕后，就直接结束这个多分支，后面都不执行

1
2
3
4
5
6
7
8
9
10
var sex=window.prompt("请输入性别");
if(sex=="男"){
    window.alert("上男厕所");
}
else if(sex=="女"){
    window.alert("上女厕所");//后面都不执行
}else if(sex==”女”){ 
    window.alert("不上厕所");
}

switch基本语法
Switch(条件表达式){
Case 常量1
//执行语句
Break；
Case 常量2
//执行语句
Break；
Default（可有可无）
//执行
}

1
2
3
4
5
6
7
8
9
10
11
12
13
var a=890;
switch(a){
case 890;
window.alert("890");
break;//跳出整个switch
case 90;
window.alert("90");
break;
default:
window.alert("没有匹配的值");
break;
}

得出
（1）JS的switch语句数据类型可以是JS支持的任何类型（数组和对象除外）
（2）Case后面的数据类型可以任意（数组和对象出来）
（3）Break作用是跳出整个switch（没有break上面那个案例三个输出 890 90……….
（4）如果没有匹配的则执行default

没有break执行结果为：三个都有

1
2
3
4
5
6
7
8
9
10
Var flag=1;
Switch(flag)
{
Default:
Window.alert(“ 默认”);
Case ‘a’:
Window.alert(“今天星期一”);
Case ‘b’
Window.alert(“ 今天星期二”);

1
2
3
4
5
6
var a=null;
switch(a){
    case null:
        window.alert("null");
        break;}

③循环控制
For循环的基本语法
For（循环初值；循环条件：步长）{
语句；//循环体
}
注意3,4的执行顺序
注意3，4的执行顺序

While循环
基本语法
while（条件表达式）{
//执行语句；
}

1
2
3
4
5
6
7
输出“hello world”10次
var i=0;
    while(i<10){
        document.writeln("hello <br/>");
        i++;
        }

Do ...while
基本语法
Do{
//执行
}while（条件表达式）

1
2
3
4
5
6
    var i=0;
        do{
            document.writeln("hrllo<br/>");
            i++;
            }while(i<10);

综合案例

①计算1+2+.....+n的值

1
2
3
4
5
6
7
8
var n=window.prompt(" 请输入一个整数");
            n=parseInt(n);
            var res=0;
            for(var i=1;i<=n;i++){
                res+=i;
                }
                document.writeln('结果是'+res);

②计算1!+2!+....+n!的值

1
2
3
4
5
6
7
8
9
var res2=0;
var temp=1;
    for(var i=1;i<=n;i++){
        for(var j=1;j<=i;j++){
            temp*=j;}
                res2+=temp;
                temp=1;}
    document.writeln("第二个结果是"+res2)

执行的顺序，把上面的for的顺序搞清楚，一层一层来即可
JS自学第四课：JavaScript流程控制

JS 调试（调试没听懂，还需要学习）
在IE8中，我们可以通过工具对JS代码进行调试，尤其页面比较复杂很有用
注意：首先要在IE-工具-internet选项-高级中取消“禁止脚本调试”
F11：一句一句执行，如果遇到函数，则跳进函数中，在一句一句执行
F10：按过程执行，当遇到一个函数时，F10就把整个函数当做一个语句执行，
而不跳入执行shift+F11从一个函数中跳出
局部变量：可以看到变量的变化情况。
断点：可以看断点情况。

0 0