JS基础 -- if分别使用return、break、continue的区别

/*
* if分别使用return、break、continue的区别
*
* break：使用break可以退出当前的循环
*
* continue：用于跳过当次循环
*
* return：使用return可以结束整个函数
*
* 下面用一个例子来看一下它们之间有什么区别
*/

        //先声明一个函数，在函数代码块中写一个fuo循环，然后在写一个if判断
        function fun() {
            console.log('函数要执行了！~~~~');

            for(var i = 0; i < 5; i++) {
                //使用break时，就解注释这个打印
                //console.log(i);

                if(i == 2) {
                    //在这里分别尝试return、break、continue使用之后的结果
                    //第一个先看的是break
                    //break;
                    /*
                     * 使用break时，整个函数内的console.log的结果是：
                     *  函数要执行了！~~~~
                     *  0
                     *  1
                     *  函数执行完了~~~~~~~~~
                     * 
                     * 从结果中看到当使用break时，if执行了三次，到第三次时i的值等等于2了，
                     * 那么会执行break，开始执行break后就直接终止了for循环，for循环结束后会
                     * 继续执行for循环下面的代码，也就是要执行这个console.log “函数执行完了~~~~~~~~~”
                     * 
                     * 整个函数从里到外共三层，第一层是fun()函数，第二层是for循环，第三层是if判断，
                     * if判断中使用break后第二层和第三层会停止执行，第一层继续执行
                     */
                    //第二个看的是continue
                    //continue;
                    /*
                     * 使用continue的打印结果：
                     *  函数要执行了！~~~~
                     *  0
                     *  1
                     *  3
                     *  4
                     *  函数执行完了~~~~~~~~~ 
                     * 从结果中看到使用continue时，if执行了一次，当i的值等等于2时，就结束了if判断，并且不会在执行，
                     * 但是for循环还会继续执行，也就是说if是一次性的代码，只要i的值等等于2了，它就会执行，执行后下
                     * 次就在for循环内就不会在执行第二次，除非次函数代码从新执行，否则不会在执行
                     * 
                     * 整个函数从里到外共三层，第一层是fun()函数，第二层是for循环，第三层是if判断，
                     * 当if判断中使用了continue后，第三层或停止执行，第一层和第二层继续执行未完的工作
                     * 
                     */
                    //第三个看的是return
                    return;
                    /*
                     * 使用return的打印结果：
                     *  函数要执行了！~~~~
                     *  0
                     *  1
                     * 
                     * 从结果中看到使用return时，if停止执行，for循环停止执行，函数也停止执行
                     * 
                     * 整个函数从里到外共三层，第一层是fun()函数，第二层是for循环，第三层是if判断，
                     * 当if判断中使用return后，第一层、第二层、第三层、会停止执行代码
                     */
                }
                //使用continue和return时，就解注释这个打印
                console.log(i);
            }
            console.log('函数执行完了~~~~~~~~~');
        }

        //调用fun
        fun();