谷哥的小弟学前端(11)——JavaScript基础知识（2）

探索Android软键盘的疑难杂症

 深入探讨Android异步精髓Handler

具体解释Android主流框架不可或缺的基石

 站在源代码的肩膀上全解Scroller工作机制

Android多分辨率适配框架（1）— 核心基础

 Android多分辨率适配框架（2）— 原理剖析

 Android多分辨率适配框架（3）— 使用指南

自己定义View系列教程00–推翻自己和过往。重学自己定义View

自己定义View系列教程01–经常使用工具介绍

 自己定义View系列教程02–onMeasure源代码详尽分析

 自己定义View系列教程03–onLayout源代码详尽分析

 自己定义View系列教程04–Draw源代码分析及事实上践

 自己定义View系列教程05–演示样例分析

 自己定义View系列教程06–具体解释View的Touch事件处理

 自己定义View系列教程07–具体解释ViewGroup分发Touch事件

 自己定义View系列教程08–滑动冲突的产生及其处理

版权声明

本文原创作者：谷哥的小弟
作者博客地址：http://blog.csdn.net/lfdfhl

在本篇博客里，我们将介绍JavaScript中的条件推断语句。

if else

if else是JavaScript中非常基础和重要的条件推断结构，例如以下：

if(条件表达式){

     假设该表达的结果true,那么程序运行该处代码语句

}else{

     假设该表达的结果false,那么程序运行该处代码语句

}

我们来看一个非常easy的样例：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGZkZmhs/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="这里写图片描写叙述" title="">

嗯哼。在这个演示样例中，我们须要根据用户的输入的年纪而做出不同的响应，这个该怎么做呢？请看例如以下代码：

<!DOCTYPE html>

<!-- 本文作者：谷哥的小弟 -->

<!-- 博客地址：http://blog.csdn.net/lfdfhl -->

<html lang="en">

    <head>

      <meta charset="utf-8">

        <title>if else</title>

    </head>

    <body>

    </body>

</html>

<script type="text/javascript">

   var age=prompt("请输入您的年纪");

       age=parseInt(age);

    if (age>=18) {

      document.write("您好，欢迎您的光临");

    }else{

      document.write("未满十八岁勿入!本站也许含有成人内容,请注意规避!");

    }

</script>

在该演示样例中。我们获取到用户输入的年纪，再根据年纪值是否小于18而显示不同的内容。

if else的嵌套

有时简单的if else不能满足实际的须要，这时可嵌套使用if else，其结构例如以下：

if(条件表达式){

        假设条件表达式结果为true则运行该处代码。后面的代码不再运行

  }else if(条件表达式){

        假设条件表达式结果为true则运行该处代码，后面的代码不再运行

  }else if(条件表达式){

        假设条件表达式结果为true则运行该处代码。后面的代码不再运行

  }else{

        假设以上条件均不满足则运行该处代码

}

请看例如以下演示样例：

<script type="text/javascript">

   var number=prompt("请问你有几个女朋友?");

       number=parseInt(number);

    if (number<0) {

      document.write("严肃点。我们这搞社会调查呢");

    }else if(number==0){

      document.write("单身狗，不要哭。妹子会有的");

    }else if(number>0&&number<2){

      document.write("祝福你和你的女朋友");

    }else{

      document.write("哥们。你不止一个女朋友啊；分我一个呗！");

    }

</script>

在此利用if else语句的嵌套根据用户输入值的不同做出对应的响应

三元运算符

三元运算符非常像之前介绍的if else。其结构例如以下：

表达式 ? 假设表达式结果为true运行此处的代码 : 假设表达式结果为false运行此处的代码;

请看例如以下演示样例：

<!DOCTYPE html>

<!-- 本文作者：谷哥的小弟 -->

<!-- 博客地址：http://blog.csdn.net/lfdfhl -->

<html lang="en">

    <head>

      <meta charset="utf-8">

        <title>三元运算符</title>

    </head>

    <body>

    </body>

</html>

<script type="text/javascript">

   var number=prompt("请问你有几个女朋友?");

       number=parseInt(number);

       number>0?alert("不错喔"):alert("单身狗，不哭");

</script>

在该演示样例中假设number>0则运行alert(“不错喔”)否则运行alert(“单身狗，不哭”)

switch语句

switch语句用于基于不同的条件来运行不同的动作。

switch语句结构例如以下：

switch(m){

    case n1:

      运行代码块 n1

      break;

    case n2:

      运行代码块 n2

      break;

    default:

      m与case n1和case n2都不同一时候运行的代码块

}

请注意：

switch语句后的变量数据类型必须和case后的数据类型保持一致。

请看例如以下演示样例：

<!DOCTYPE html>

<!-- 本文作者：谷哥的小弟 -->

<!-- 博客地址：http://blog.csdn.net/lfdfhl -->

<html lang="en">

    <head>

      <meta charset="utf-8">

        <title>switch</title>

    </head>

    <body>

    </body>

</html>

<script type="text/javascript">

   var name=prompt("请输入你最喜欢的电影明星");

   switch(name){

        case "范冰冰":

        document.write("范冰冰非常美丽喔"+"<br>");

        break;

        case "杨幂":

        document.write("杨幂是个白富美"+"<br>");

        break;

        case "柳岩":

        document.write("柳岩性感十足！"+"<br>");

        break;

        case "武藤兰":

        document.write("敬爱的人民教育家"+"<br>");

        break;

        default:

        document.write("请您输入其它明星"+"<br>");

        break;

   }

</script>

自增和自减

在编程中经常使用到变量的自增和自减，比方i++和++i以及i- -和- -i

在此以i++和++i为例。分情况对其进行具体介绍；i- -和- -i与此相似，不再赘述。

第一种情况：

假设变量i没有直接參与运算中。i++和++i表示的含义是：在变量原来的基础上加1

请看例如以下两个小演示样例：

<script type="text/javascript">

    var number=9527;

    number++;

    document.write("number="+number+"<br>");

</script>

结果为：

number=9528

<script type="text/javascript">

    var number=9527;

    ++number;

    document.write("number="+number+"<br>");

</script>

结果为：

number=9528

另外一种情况：

假设i++或者++i參与到运算中，那么i++表示先将i的值赋值给其它变量然后再自加1。++i表示先将i的值加1然后再赋值给其它变量

请看例如以下两个小演示样例：

<script type="text/javascript">

    var number=9527;

    var score=number++;

    document.write("score="+score+"<br>");

    document.write("number="+number+"<br>");

</script>

结果为：

score=9527

number=9528

<script type="text/javascript">

    var number=9527;

    var score=++number;

    document.write("score="+score+"<br>");

    document.write("number="+number+"<br>");

</script>

结果为：

score=9528

number=9528

while循环

while语句经常使用于运行循环操作，其结构例如以下：

while(条件表达式){

  当条件表达式结果为true就一直运行while循环体内的代码。

  当条件表达式的结果为false时while循环不再运行。

}

请看例如以下演示样例

<script type="text/javascript">

    var i=1;

    while(i<5){

      document.write("i="+i+"<br>");

      i++;

    }

</script>

结果为：

i=1

i=2

i=3

i=4

在该演示样例中仅仅要i的值小于5就一直运行while中的操作，当i不再小于5时则跳出循环

do while循环

do while语句经常使用于运行循环操作，其结构例如以下：

do{

  循环代码;

}

wile(条件表达式)

do wile的基本原理和while基本一致。可是它保证循环体至少被运行一次。

由于它是先运行代码然后再推断条件。

请看例如以下演示样例：

<script type="text/javascript">

    var i=1;

    do{

        document.write("i="+i+"<br>");

        i++;

    }

    while(i!=3)

</script>

结果为：

i=1

i=2

在该演示样例中首先会去运行do中的语句，然后再推断是否满足while条件；假设满足则继续运行do中的语句。假设不满足则跳出循环。

for循环

for语句经常使用于运行循环操作。其结构例如以下：

for (初始化;条件;增量){

    循环运行的代码;

}

请看例如以下演示样例:

<script type="text/javascript">

    for(var i=0;i<5;i++){

        document.write("i="+i+"<br>");

    }

</script>

结果为：

i=0

i=1

i=2

i=3

i=4

从这个样例我们能够看到for循环的运行顺序：

首先进行变量初始化并进行循环条件推断
若推断结果为true则运行循环体内的代码然后运行i++
继续推断循环条件，若为true则继续运行循环体内代码，否则跳出循环

break语句

break用于结束当前循环然后运行循环体之后的代码。

请看例如以下演示样例:

<script type="text/javascript">

    for(var i=0;i<5;i++){

        document.write("i="+i+"<br>");

        if (i==2) {

            break;

        };

    }

    document.write("for循环已经中止"+"<br>");

</script>

结果为：

i=0

i=1

i=2

for循环已经中止

continue语句

continue表示跳出本次循环。该continue语句后面的代码不再运行；可是整个循环体继续运行

请看例如以下演示样例:

<script type="text/javascript">

    for(var i=0;i<5;i++){

        if (i==2) {

            continue;

        };

        document.write("i="+i+"<br>");

    }

    document.write("for循环运行完成"+"<br>");

</script>

结果为：

i=0

i=1

i=3

i=4

for循环运行完成

至此，关于JavaScript中经常使用的条件推断语句就已介绍完了。