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

这里是修真院前端小课堂，每篇分享文从

【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】

八个方面深度解析前端知识/技能，本篇分享的是：

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

 

1、背景介绍
什么是return?

return 语句的做用是从当前函数退出，并从那个函数返回一个值。

 

用 return 语句来终止一个函数的执行，并返回 expression 的值。若是 expression 被省略， 或在函数内没有 return 语句被执行，则把值 undefined 赋给调用当前函数的表达式。

2、知识剖析
return做为返回关键字，它有如下两种返回方式。

一、返回函数结果
语法为：return+表达式

 

语句结束函数执行，返回调用函数，并且把表达式的值做为函数的结果。

return 表示从被调函数返回到主调函数继续执行，返回时可附带一个返回值， 由return后面的参数指定。return一般是必要的，由于函数调用的时候计算结果一般是经过返回值带出的。

二、返回函数控制
语法为：return;

一般状况下return后面跟有表达式，可是并非绝对的。此状况就是单纯的将控制权转交给主调函数继续执行。

在大多数状况下,为事件处理函数返回false,能够防止默认的事件行为。 例如,默认状况下点击一个a元素,页面会跳转到该元素href属性指定的页，但咱们能够用return flase来阻止它的跳转。

在js中，咱们经常使用return false来阻止提交表单或者继续执行下面的代码。 例以下面的例子：

 

即便a函数返回return false 阻止提交了，可是不影响 b()以及 c()函数的执行。在Test()函数里调用a()函数，那么 return false 对于Test()函数来讲，只是至关于返回值，而不能阻止Test()函数执行。

3、常见问题
若return用在for循环中，还会执行下一次循环吗？

4、解决方案
代码示例:

 

咱们能够看到，for循环只返回return所返回的值，并不会执行下一次循环。

5、编码实战
6、扩展思考
除了return以外，还有哪些语句能够跳出循环？

一、break

 

上面这个break实例，输出的结果为：12345，当i的值等于5的时候直接经过break跳出了循环，再也不继续往下运行。

二、continue

 

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

7、更多讨论
讨论点1：一样是跳出循环，return和break有什么区别？

讨论点2：一样是中断执行，return和return false有什么区别？

讨论点3：在什么应用场景下咱们会用到break或continue？

8、参考文献
参考1：JavaScript中的return语句简单介绍

参考2：javascript中break，continue和return语句用法小结

参考2： js中return的用法

 

 

 

【更多内容，能够加入IT交流群565734203与你们一块儿讨论交流】

【这里是技能树·IT修真院：http://www.jsnhu.com，初学者转行到互联网的汇集地】