Do...while和while...do的区别在于对于临界值的测试上。当在执行的时候只选择临界值来测试时，你会发现do...while至少要执行一次，而while...do则一次都不会执行。但是，当不去考虑临界值的时候，do...while和while...do的执行结果是一样的。让我们用事实来说话吧：

只测试临界值：

 <!DOCTYPE html>

 <html>

 <body>

 <p>Try to practice while statement!</p>

 <p id = "demo"></p>

 <script>

     var x = "";

     var i = 0;

     var x = "";

     var i = 0;

     while(i < 0)

     {

         x += "The number is " + i + "." + "<br>";

         i ++;

         document.getElementById("demo").innerHTML = x;

     }

     do

     {

         x +="The number is " + i + "." + "<br>";

         i++;

         document.getElementById("demo").innerHTML = x;

     }

     while(i < 0);

 </script>

 </body>

 </html>

尝试着只去测试临界值（i=0）时，你会发现只有do...while会输出，而while...do会在判断时直接不符合条件，这似乎很简单的逻辑，但有时候，也会让死钻牛角尖的我陷入混乱的状态。

不考虑临界值时只执行while语句：

 <!DOCTYPE html>

 <html>

 <body>

 <p>Try to practice while statement!</p>

 <p id = "demo"></p>

 <script>

     var x = "";

     var i = 0;

     while(i < 5)

     {

         x += "The number is " + i + "." + "<br>";

         i ++;

         document.getElementById("demo").innerHTML = x;

     }

 </script>

 </body>

 </html>

不考虑临界值时只执行do...while语句：

 <!DOCTYPE html>

 <html>

 <body>

 <p>Try to practice do while statement!</p>

 <p id = "demo"></p>

 <script>

     var x = "";

     var i = 0;

     do

     {

         x +="The number is " + i + "." + "<br>";

         i++;

         document.getElementById("demo").innerHTML = x;

     }

     while(i < 5);

 </script>

 </body>

 </html>

你会发现此时他们的执行结果是一样的。所以在使用的时候不用再纠结是选哪种循环来执行。

说明：我目前所学习的所有例子都是来自于 http://www.w3schools.com.

JavaScript中思考do...while 和 while语句的区别的更多相关文章

  1. JavaScript 中定义变量时有无var声明的区别

    关于JavaScript中定义变量时有无var声明的区别 var a=5; //正确 a=5; //正确 在javascript中,以上两种方法都是定义变量的正确方法.微软的Script56.CHM中 ...

  2. JavaScript中querySelector()和getElementById()（getXXXByXX）的区别

    在日常开发中,使用JavaScript获取元素的时候,最常用的方法就是document.getElementById(getXXXByXX)方法.但是最近发现有很多地方使用的是querySelecto ...

  3. javaScript中的return，break，continue的区别

    导语: javaScript中有三种方法可以跳出循环或者终止循环.分别为break.return.continue. 正文: 一.break break 会使得整个程序终止执行或者包含了最内层的循环或 ...

  4. JavaScript中instanceof与typeof运算符的用法及区别详细解析

    JavaScript中的instanceof和typeof常被用来判断一个变量是什么类型的(实例),但它们的使用还是有区别的: typeof 运算符 返回一个用来表示表达式的数据类型的字符串. typ ...

  5. JavaScript中的三种弹出框的区别与使用

    JavaScript中有三种原生的弹出框,分别是alert.confirm.prompt.分别表示弹出框.确认框.信息框. 以下是示例代码: <!DOCTYPE html> <htm ...

  6. javascript中的this在不同场景下的区别

    javascript在初版的设计上存在失误,导致了这门语言在使用时,经验型写法并不能得到像其它几个流行语言一样预期.其中的this的使用就是一个典型. this在javascript中是由解释器注入的 ...

  7. javascript中break，continue和return语句用法小结：

    Break语句会使程序立刻退出包含在最底层的循环或者退出一个switch语句,它是用来退出循环或者switch语句. 例如: <script type="text/javascript ...

  8. JavaScript 中 申明变量的方式--let 语句

    let 语句 - 声明一个块范围变量. 语法 let 变量名 = 初始化值; 例子 "use strict"; let name = '赵敏'; (function opt(){ ...

  9. 在JavaScript中，++在前和++在后有什么区别

    一.++可以与输出语句写在一起,++写在变量前和写在变量后不是一个意思++ i 和 i ++ 区别在于运算顺序和结合方向. 在JavaScript中有两种自加运算,其运算符均为 ++,功能为将运算符自 ...

随机推荐

  1. iBATIS事务处理

    一:问题 最近发现了我们自己的项目的事务的处理根本就是行不通的,也因此我自己又去看了下有关事务的处理,算是有了个大致的了解吧,先说说我们最初的配置吧. 二:内容 (1):使用iBatis的事务管理 S ...

  2. java线程的常用方法和属性介绍

    start() start方法是Thread 类的方法,在这个方法中会调用native方法(start0())来启动线程,为该线程分配资源. sleep() sleep方法有2个方法. public ...

  3. emoji表情处理研究

    http://blog.csdn.net/qdkfriend/article/details/7576524

  4. PowerDesigner16 时序图

    时序图(Sequence Diagram)是显示对象之间交互的图,这些对象是按时间顺序排列的.顺序图中显示的是参与交互的对象及其对象之间消息交互的顺序.时序图中包括的建模元素主要有:角色(Actor) ...

  5. Flume 入门--几种不同的Sinks

    主要介绍几种常见Flume的Sink--汇聚点 1.Logger Sink 记录INFO级别的日志,一般用于调试.前面介绍Source时候用到的Sink都是这个类型的Sink 必须配置的属性: 属性说 ...

  6. hasOwnProperty()方法与in操作符

    1.hasOwnProperty() 该方法检测属性存在于实例,还是存在于原型,对于存在于实例中的属性则返回true 2.in 使用该操作符时只要通过对象能够访问到的属性都会返回true

  7. c语言中的size_t

    size_t unsigned int 类型,无符号,它的取值没有负数.用来表示 参数/数组元素个数,sizeof 返回值,或 str相关函数返回的 size 或 长度.sizeof 操作符的结果类型 ...

  8. Python大牛开小灶，一对一问答

    CSDN知识小饭桌 大牛开小灶 小范围,高质量,在线交流QA 参与嘉宾   知识库特邀编辑伊海波,滴滴出行工程师,曾任龙图龙图游戏数据分析部技术负责人.CSDN博客专家,资深Python/Golang ...

  9. Mel倒谱系数

    Mel倒谱系数:MFCC Mel频率倒谱系数(Mel Frequency Cepstrum Coefficient)的缩写是MFCC,Mel频率是基于人耳听觉特性提出来的,它与Hz频率成非线性对应关系 ...

  10. c语言实现CRC校验和

    最近在摄像头采集的数据清晰度上需要加强,则在每一帧传输的数据包后边加了CRC校验和.CRC校验和有16位的,也有32位的.至于CRC校验和算法原理,我是在百度上学习的,其实网上有很多这种资料.简单的说 ...