浅析JavaScript中break、continue和return的区别


Posted in Javascript onNovember 30, 2016

break

function myBreak() {
for(var i = 0; i < 5; i++) {
if(i == 3) {
break;
}
console.log(i);
}
}
myBreak();

输出:

0
1
2

break: 直接跳出 当前 的循环,从当前循环外面开始执行,忽略循环体中任何其他语句和循环条件测试。它只能跳出一层循环,如果你的循环是嵌套循环,那么你需要按照你嵌套的层次,逐步使用break来跳出。

continue

function myContinue() {
for(var i = 0; i < 5; i++) {
if(i == 3) {
continue;
}
console.log(i);
}
}
myContinue();

输出:

0
1
2
4

continue: 终止当前的一次循环过程,其 不 跳出循环,而是继续往下判断循环条件执行语句。

只能结束循环中的一次过程,但不能终止循环继续进行。

return

function myReturn() {
for(var i = 0; i < 5; i++) {
if(i == 3) {
return i;
}
console.log(i);
}
}
var s = myReturn();
console.log("s: " + s);

输出:

0
1
2
s: 3

return: 从当前的方法中退出,返回到该调用的方法的语句处,继续执行。

总结

1、return语句的作用

(1) return 从当前的方法中退出,返回到该调用的方法的语句处,继续执行

(2) return 返回一个值给调用该方法的语句,返回值的数据类型必须与方法的声明中的返回值的类型一致,可以使用强制类型转换来是数据类型一致

(3) return 当方法说明中用void声明返回类型为空时,应使用这种格式,不返回任何值。

2、break语句的作用

(1) 只能在循环体内和switch语句体内使用break语句。

(2) 当break出现在循环体中的switch语句体内时,其作用只是跳出该switch语句体。

(3) 当break出现在循环体中,但并不在switch语句体内时,则在执行break后,跳出本层循环体。

(4) 在循环结构中,应用break语句使流程跳出本层循环体,从而提前结束本层循环

3、continue语句作用

(1) continue语句的一般形式为:continue;

(2) 其作用是结束本次循环,即跳过本次循环体中余下尚未执行的语句,接着再一次进行循环的条件判定。

(3) 注意:执行continue语句并没有使整个循环终止。在while和do-while循环中,continue语句使得流程直接跳到循环控制条件的测试部分 ,然后决定循环是否继续进行。

(4) 在for 循环中,遇到continue后,跳过循环体中余下的语句,而去对for语句中的“表达式3”求值,然后进行“表达式2”的条件测试,

最后根据“表达式2”的值来决定for循环是否执行。在循环体内,不论continue是作为何种语句中的语句成分,都将按上述功能执行,这点与break有所不同

以上所述是小编给大家介绍的JavaScript中break、continue和return的区别,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jqPlot jquery的页面图表绘制工具
Jul 25 Javascript
Extjs ajax同步请求时post方式参数发送方式
Aug 05 Javascript
javascript处理a标签超链接默认事件的方法
Jun 29 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
Oct 10 Javascript
有关JavaScript中call()和apply() 的一些理解
May 20 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
Dec 02 Javascript
基于bootstrap按钮式下拉菜单组件的搜索建议插件
Mar 25 Javascript
React组件内事件传参实现tab切换的示例代码
Jul 04 Javascript
Vue+Express实现登录注销功能的实例代码
May 05 Javascript
这样回答继承可能面试官更满意
Dec 10 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
Aug 03 Javascript
微信小程序实现身份证取景框拍摄
Sep 09 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
Nov 30 #Javascript
浅析script标签中的defer与async属性
Nov 30 #Javascript
JavaScript 字符串常用操作小结(非常实用)
Nov 30 #Javascript
js实现表单提交后不重新刷新当前页面
Nov 30 #Javascript
html判断当前页面是否在iframe中的实例
Nov 30 #Javascript
vue.js实现表格合并示例代码
Nov 30 #Javascript
浅谈jquery的html方法里包含特殊字符的处理
Nov 30 #Javascript
You might like
开发大型 PHP 项目的方法
2007/01/02 PHP
mysql中存储过程、函数的一些问题
2007/02/14 PHP
按上下级层次关系输出内容的PHP代码
2010/07/17 PHP
PHP设计模式之适配器模式定义与用法详解
2018/04/03 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
能说明你的Javascript技术很烂的五个原因分析
2011/10/28 Javascript
javaScript实现浮点数转十六进制字符
2013/10/29 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
2014/04/22 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
2015/09/10 Javascript
微信企业号开发之微信考勤Cookies的使用
2015/09/11 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
Bootstrap Fileinput文件上传组件用法详解
2016/05/10 Javascript
jQuery实现的放大镜效果示例
2016/09/13 Javascript
vue2.0+webpack环境的构造过程
2016/11/08 Javascript
nodejs模块学习之connect解析
2017/07/05 NodeJs
详解VueJS 数据驱动和依赖追踪分析
2017/07/26 Javascript
webpack多入口文件页面打包配置详解
2018/01/09 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
[15:57]教你分分钟做大人:斧王
2014/10/30 DOTA
本地文件上传到七牛云服务器示例(七牛云存储)
2014/01/11 Python
python xml解析实例详解
2016/11/14 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
python requests抓取one推送文字和图片代码实例
2019/11/04 Python
python实现一个猜拳游戏
2020/04/05 Python
CSS3 text shadow字体阴影效果
2016/01/08 HTML / CSS
详解使用canvas保存网页为pdf文件支持跨域
2018/11/23 HTML / CSS
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
美国领先的男士和女士内衣购物网站:Freshpair
2019/02/25 全球购物
软件测试面试题
2015/10/21 面试题
母亲节感恩活动记录
2014/03/16 职场文书
2016学习雷锋精神活动倡议书
2015/04/27 职场文书
债务纠纷起诉书
2015/05/20 职场文书
研究生论文答辩开场白
2015/05/27 职场文书
三十年同学聚会致辞
2015/07/28 职场文书
使用 JavaScript 制作页面效果
2021/04/21 Javascript
什么是SOLID
2022/03/24 Javascript