return的用法是什么？若用在for循环中，还会执行下一次循环吗？

          【JS-task4】  
            return的用法是什么？若用在for循环中，还会执行下一次循环吗？ 
             分享人：陈星宇
         
         
             目录 
             1.背景介绍 
             2.知识剖析 
             3.常见问题 
             4.解决方案 
             5.编码实战 
             6.扩展思考 
             7.参考文献 
             8.更多讨论 
         
         
一.背景介绍 
         
         
             什么是return? 
             
                 return 语句会终止函数的执行，并返回函数的值。 
            语法：
                return value;
            可选项 value指定返回的值。如果忽略则返回undefined.
           

            在函数中 ，return 语句用于终止一个函数的执行，并返回值value。

            如果value被省略或在函数内没有 return 语句被执行，则函数返回undefined。 

             


         
         
二.知识剖析 
         
         
             return语句的用法 
 
             1、中止函数的执行，并返回函数执行的结果</h4>
             语法为：return+表达式 
              return 返回的值可以是任何数据类型 
           
   function type(){
                   var a=1;
                   var b=2;
                   return a+b;    //返回数值
                   alert('a')
                  }
                type();

                console.log(type());

                function string(){
                   return "字符串"   //返回字符串
                }

                console.log(string());

                function arr(){
                  return [1,2,3,4]      //返回数组
                }

                console.log(arr());

                function object(){
                return {"name":"cxx", "age":13}  //返回对象
                }
                console.log(object());
            
         
             2、使用return阻止某些浏览器默认的行为
             语法为：return false; 
             可以在a标签中实践一下。 
             请看demo的例子： 
                          
                     <span class="ojbk">
                         <a id="btn1" href="https://www.baidu.com/">按钮1</a>
                         <a id="btn2" href="https://www.baidu.com/">按钮2</a>
                     </span>
                     <script>
                         $('#btn1').on('click',function () {//点击按钮1要发生的事
                             alert("按钮1测试弹窗（默认情况会跳转）");
                             return true;
                         });
                         $('#btn2').on('click',function () {//点击按钮2要发生的事
                             alert("按钮2测试弹窗（return false阻止默认跳转）");
                             return false;
                         });
                     </script>


         
三.常见问题  
                   

                 1.若return用在for循环中，还会执行下一次循环吗？ 

                 2.除了return之外，还有哪些语句可以跳出循环？ 

                 3.多层for循环return会跳出一层还是直接跳出                

                 4.return和break和continue区别

四. 解决方案  
         
         回答问题1：
             代码示例: 
        
                function jumpLoop() {
                   result = []
                   for(var i=0;i<10;i++){
                      result.push(i)
                      if(i===8){
                         return result;
                      }
                   }
                }
                console.log(jumpLoop())
           
              我们可以看到，for循环只返回return所返回的值，并不会执行下一次循环。 
         
         
            回答问题2： 除了return之外，还有哪些语句可以跳出循环？
             
                 (1)break 
               
                    for(var i=0;i<=10;i++){
                       console.log(i);
                       if(i==5){break;}
                    }
                
                 上面这个break实例，输出的结果为：12345，当i的值等于5的时候直接通过break跳出了循环，不再继续往下运行。 
                       
                 (2)continue 
               
                        for(var i=1;i<=10;i++){
                            if (i === 3||i===7) continue;
                            console.log(i);
                        }
                   

                 上面这个continue实例，输出的结果为：124568910，当i的值等于3或者7的时候直接跳过，继续执行循环。 

     

  回答问题3       

               多层for循环中，return如果跳出循环，只会跳出它所在的那一层循环，并不影响其他层的循环。 

  回答问题4  

                break 跳出总上一层循环，不再执行循环(结束当前的循环体)
                continue 跳出本次循环，继续执行下次循环(结束正在执行的循环 进入下一个循环条件) 
                return 程序返回，不再执行下面的代码(结束当前的方法 直接返回) 

         
五.编码实战  
                         
六.扩展思考 
                 jq的return false 和原生的return false有什么区别 
             
             
                1.在jq中使用return false实际上它完成了3件事：
                    1.event.preventDefault()

                    preventDefault() 方法阻止元素发生默认的行为 

                    2.event.stopPropagation()

                    event.stopPropagation()阻止捕获和冒泡阶段中当前事件的进一步传播 

                    3.终止函数的执行并返回结果。
                    jq的return false会同时阻止浏览器默认事件的发生，阻止事件的冒泡，并且返回函数值，而在原生js中，return并                      不能阻止事件的冒泡.
                 
             
             
                2.JS中return False 就相当于终止符,终止默认的事件行为
             
         
 七.参考文献 
               参考1：event.preventDefault() vs. return false
               参考2：javascript中break，continue和return语句用法小结
               参考3： js中return的用法