JavaScript基础知识-流程控制之while循环

　　　　　　　　　　　JavaScript基础知识-流程控制之while循环

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

一.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>流程控制之while循环</title>
        <script type="text/javascript">
            /**
             *     循环语句:
             *         通过寻呼那语句可以反复执行一段代码多次。
             * 
             *     while循环语法如下:
             *         while(条件表达式){
             *             语句...
             *         }
             * 
             *     while语句执行流程如下:
             *        1>.先对条件表达式进行求值判断;
             *        2>.如果值为true，则执行循环体，循环体执行完毕以后,继续对表达式进行判断，如果为true则继续执行循环体，依次类推...
             *        3>.如果值为false，则终止循环。
             * 
             * 
             * 
             * 
             *     do...while循环语法如下:
             *         do{
             *             语句...
             *         }while(条件表达式)
             * 
             *    do...while语句执行流程如下:
             *        1>.先执行循环体完毕以后，再对while后的条件表达式进行判断;
             *        2>.如果结果为true，则继续执行循环体,循环体执行完毕以后,继续对表达式进行判断，如果为true则继续执行循环体，依次类推...
             *        3>.如果值为false，则终止循环。
             *     
             *     温馨提示:
             *         实际上两种循环语句功能类似，不同的是"while"是先判断后执行，而"do...while"先执行后判断。
             *         综上所述,"do...while"可以保证循环体至少执行一次而while不能。
             * 
             *     案例实战:
             *         假设投资的年利率为5%，试求从1000块增长到5000块，需要花费多少年。
             *         
             */
 
            //定义一共变量，表示当前的钱数
            var money = 1000;
            
            //定义一个计数器,统计需要的年数
            var year_count = 0;
            
            //定义一个while循环来计算每年的钱数。
            while(money < 5000){
                money *= 1.05;
                year_count++;
            }
            
            document.write("一共需要" + year_count + "年");
        </script>
    </head>
    <body>
    </body>
</html>

二.浏览器打开以上代码渲染结果