|
3.1 循环语句 3.1.1 while 语法 While (条件表达式) { 循环执行代码段； } 流程 1、判断条件表达式的值； 2、当值为ture时循环执行代码段； 3、当值为false时退出循环体； 特性 先检查条件，再执行循环； 条件不满足则循环一次也不执行； 时机 一个动作被重复执行到满足某个条件时； 3.1.2 do-while 语法 do{ 循环执行代码段 }While (条件表达式); 流程 1、先执行循环体内代码段再进行判断； 2、如果表达式的值为ture，则循环执行代码段； 3、如果表达式的值为false，则退出循环体； 特性 先执行循环体，再进行条件判断； 循环体内代码至少执行一次； 时机 希望一个动作至少被执行一次时； 3.1.3 for循环 语法 for(循环变量=初值；循环条件；递增/递减计数器){ 循环代码段 } 流程 1、用循环变量初始值与循环条件相比较，确定返回值； 2、如果返回值为ture，则执行循环体； 3、执行完一次后进行递增/递减运算； 4、将运算结果与循环条件相比较； 5、如果返回值为ture则继续执行循环体，如果返回值为false则退出循环体； 时机 重复一个动作到一定次数时； 3.1.4 for-in 语法 for(声明变量in对象){ 代码段 } 作用：枚举对象属性 注意事项 循环输出的属性顺序不可预知； 对象的值不能是null或undefined； 3.2 跳转语句 return 终止函数体的运行，并返回一个值； break 终止整个循环，不再进行判断； continue 结束本次循环，接着去判断是否执行下次循环； 3.3 选择语句 3.3.1 if 句法 if (条件表达式1) { 代码段1 }else if (条件表达式2){ 代码段2 }else{ 代码段3 } 流程 1、判断条件1，如果返回值为ture,则执行代码段1； 2、如果条件1的返回值为false,则跳过语句块1并检测条件2； 3、如果所有表达式的值为false则执行else后面的语句； 特性 1、结构复杂，可嵌套； 2、可测试多个条件表达式； 3、表达式的值具有线性特征； 4、表达式的值是动态的； 5、适用于任意类型的数据； 6、可处理复杂的逻辑关系； 3.3.2 switch 句法 switch(条件表达式)｛ case 标签1： 代码段1； break; …… …… default; 代码段n; ｝ 流程 1、计算表达式的值，并与各标签相比较； 2、若找到与之匹配的标签，则执行其后的代码段； 3、若没有找到与之匹配的标签则直接执行default之后的代码段； 格式 1、case标签为常量，可以是字符串或数字； 2、每个标签均以冒号结束； 3、虽然break与default为可选项，但为了逻辑清晰最好不要省略； 4、case标签的值必须和条件表达式的值完全匹配； 特性 1、结构简洁，专为多重选择设计； 2、仅可测试一条条件表达式； 3、表达式的值具有离散性； 4、表达式的值是固定的，不会动态变化的； 5、仅能应用整数，枚举，字符串等类型数据； 6、仅能处理多个枚举型逻辑关系； 3.4异常处理语句 throw 主动抛出异常； try指明需要处理的代码段； catch捕获异常； finally后期处理； 3.5 示例代码 <!DOCTYPE html> <html> <body> <h1>My Web Page</h1> <p id="myPar">I am a paragraph.</p> <div id="myDiv">I am a div.</div> <p> <button type="button" onclick="myFunction()">点击这里</button> </p> <script> function myFunction() { document.getElementById("myPar").innerHTML="Hello World"; document.getElementById("myDiv").innerHTML="How are you?"; } </script> <p>当您点击上面的按钮时，两个元素会改变。</p> </body> </html> 查看结果: |
|
|
