【JS-task2】
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();
(type());
function string(){
return "字符串" //返回字符串
}
(string());
function arr(){
return [1,2,3,4] //返回数组
}
(arr());
function object(){
return {"name":"cxx", "age":13} //返回对象
}
(object());
2、使用return阻止某些浏览器默认的行为
语法为：return false;
可以在a标签中实践一下。
请看demo的例子：
<span class="ojbk">
<a href="/">按钮1</a>
<a href="/">按钮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会跳出一层还是直接跳出
和break和continue区别
四. 解决方案
回答问题1：
代码示例:
function jumpLoop() {
result = []
for(var i=0;i<10;i++){
(i)
if(i===8){
return result;
}
}
}
(jumpLoop())
我们可以看到，for循环只返回return所返回的值，并不会执行下一次循环。
回答问题2： 除了return之外，还有哪些语句可以跳出循环？
(1)break
for(var i=0;i<=10;i++){
(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;
(i);
}
上面这个continue实例，输出的结果为：124568910，当i的值等于3或者7的时候直接跳过，继续执行循环。
回答问题3
多层for循环中，return如果跳出循环，只会跳出它所在的那一层循环，并不影响其他层的循环。
回答问题4
break 跳出总上一层循环，不再执行循环(结束当前的循环体)
continue 跳出本次循环，继续执行下次循环(结束正在执行的循环 进入下一个循环条件)
return 程序返回，不再执行下面的代码(结束当前的方法 直接返回)
五.编码实战
六.扩展思考
jq的return false 和原生的return false有什么区别
1.在jq中使用return false实际上它完成了3件事：
()
preventDefault() 方法阻止元素发生默认的行为
()
()阻止捕获和冒泡阶段中当前事件的进一步传播
3.终止函数的执行并返回结果。
jq的return false会同时阻止浏览器默认事件的发生，阻止事件的冒泡，并且返回函数值，而在原生js中，return并 不能阻止事件的冒泡.
中return False 就相当于终止符,终止默认的事件行为
七.参考文献
参考1：() vs. return false
参考2：javascript中break，continue和return语句用法小结
参考3： js中return的用法