JavaScript (3)

1.JavaScript条件语句

 JavaScript 中，我们可使用以下条件语句：

- 只有当指定条件为 true 时，使用该语句来执行代码

if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码

if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

switch 语句 - 使用该语句来选择多个代码块之一来执行

if 语句

 只有当指定条件为 true 时，该语句才会执行代码。

1. 定义： 执行true

 if(判断条件){
                需要被执行的javascript代码
            }
            先执行判断条件，---true--- {需要被执行的javascript代码}
                                         ---false---什么都不干

2.二选一        

if(判断条件){
                true时需要被执行的javascript代码
            }else{
                false时需要被执行的javascript代码
            }
            先执行判断条件，---true--- { true时需要被执行的javascript代码}
                            ---false--- { false时需要被执行的javascript代码}
            2选1
            */
            /*
            var age=10;
            if(age>=18){
                alert("成年人!");
            }else{
                alert("未成年人!");
            }

3.多选1

if(判断条件1){
                javascript代码1
            }else if(判断条件2){
                javascript代码2
            }
            ...
            else if(判断条件n){
                javascript代码n
            }else{
                所有的判断条件都为false
            }
            先执行判断条件1--true--{javascript代码1}--结束
            --false--执行判断条件2--true--{javascript代码2}--结束
            --false--执行判断条件3---true--{javascript代码3}--结束
            ......
            所有的判断条件都为false时---最后一个else中的代码

4.if语句的嵌套

if(判断条件1){
            if(判断条件2){
                  javascript代码1  
                }else{
                    javascript代码2  
                }
           }else{
            if(判断条件3){
                     javascript代码3
                }else{
                     javascript代码4
                }
           }
           javascript代码1 ---  true  true
           javascript代码2 ---  true  false
           javascript代码3 ---  false  true
           javascript代码4 ---  false  false 
           */
           /*
           var  chengji=30;
           if(chengji>=60){
            if(chengji<=100){
                  alert("及格"); 
                }else{
                    alert("不及格/出错");  
                }
           }else{
            if(chengji>=0){
                    alert("不及格"); 
                }else{
                    alert("不及格/出错");  
                }
           }

switch 语句

switch(匹配值) { 
                case 常量值1: 执行代码块 1; [break;] 
                case 常量值2: 执行代码块 2; [break;] 
                case 常量值n: 执行代码块 n; [break;] 
                default: 与所有的case都不同时执行的代码 
            }
            匹配值-- 表达式【1+1】、变量
            先执行匹配值得到一个结果，使用这个结果与case 后面的常量值值比较是否相等
            ----相等---执行当前case 后面的代码块---
            ----不相等---与下一个case 后面的常量值值比较是否相等---
            ----相等---执行当前case 后面的代码块---
            ----不相等---与下一个case 后面的常量值值比较是否相等---
            .......
            ----匹配值得到的结果与所有的case都不同时----default后面的代码

注意:匹配值得到的结果，与case 后面的常量值值比较是否相等，如果相等就执行当前case 后面的代码块，
                 当前case 后面的代码块执行完毕以后，如果有break;，switch语句执行结果
                 如果没有break;取消匹配值得到的结果与下一个case 后面的常量值的比较，直接运行下一个case 后面对应的代码块，
                 直到有break结束，如果没有break，后面的代码块全部执行。        

for 循环

for 循环是您在希望创建循环时常会用到的工具。下面是 for 循环的语法：

for(初始条件;判断条件;循环增量/减量){
                    需要被循环执行的javascript代码
             }
             初始条件----定义循环什么时候开始
             判断条件 --- 控制循环什么时候结束
             循环增量/减量 --- 修改初始条件数据值
             先执行初始条件，在执行判断条件--true--{需要被循环执行的javascript代码}
             ----循环增量/减量---在执行判断条件--true--{需要被循环执行的javascript代码}
             ......
             ----在执行判断条件--false---结束

for/in 循环
            for(变量 in 数组/对象){
                需要被循环执行的javascript代码
            }        
            将in后面的数组/对象中的数据取出赋值给in前面的变量，
            在需要被循环执行的javascript代码中使用从数组/对象中的取出的数据

while循环语句
    
            while(判断条件){
                需要被循环执行的javascript代码
            }
            //格式上与for循环相比没有初始条件和循环增量/减量条件
            //如果需要初始条件【while循环语句之外】和循环增量/减量条件【{}中的最后一句】需要自己定义
            先执行判断条件---true--{需要被循环执行的javascript代码}---判断条件
                          ---false---结束

do{}while()循环语句
            /*
            do{
                 需要被循环执行的javascript代码
            }while(判断条件)
            //格式上与for循环相比没有初始条件和循环增量/减量条件
            //如果需要初始条件【do{}while()循环语句之外】和循环增量/减量条件【do{}中的最后一句】需要自己定义
            {需要被循环执行的javascript代码}---判断条件--true--{需要被循环执行的javascript代码}
                          ---false---结束

对比：

循环的比较
for循环与while和do{}while的区别
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 语句

break 语句

break 语句可用于跳出循环。

break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）。

break---中断【switch/循环】

continue 语句

continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。

continue---继续【循环】结束当前的循环执行，进入下一次循环

try 和 catch捕获处理错误

当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。

可能是语法错误，通常是程序员造成的编码错误或错别字。

可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。

可能是由于来自服务器或用户的错误输出而导致的错误。

当然，也可能是由于许多其他不可预知的因素。

语法格式:<br>
            try {<br>
             ... //异常的抛出 <br>
            } catch(e) {<br>
             ... //异常的捕获与处理 <br>
            } finally {<br>
             ... //结束处理 <br>
            }

将可能出现错误的javascript代码用try{}包围
在try{}后面出现catch(e) {//异常的捕获与处理}
e---错误对象
{//异常的捕获与处理}
finally{}--程序执行有误错误都要执行的代码

Throw 语句---手动引发一个错误

javascript:void(0)

javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。

下面的代码创建了一个超级链接，当用户点击以后不会发生任何事。

<a href="javascript:void(0)">单击此处什么也不会发生</a>

href="#"与href="javascript:void(0)"的区别

# 包含了一个位置信息，默认的锚是#top 也就是网页的上端。

而javascript:void(0), 仅仅表示一个死链接。

在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。

如果你要定义一个死链接请使用 javascript:void(0) 。