浅析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 相关文章推荐
JavaScript去除空格的三种方法(正则/传参函数/trim)
Feb 06 Javascript
jquery高级编程的最佳实践详解
Mar 23 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 Javascript
JavaScript中的some()方法使用详解
Jun 09 Javascript
javascript判断网页是关闭还是刷新
Sep 12 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
Mar 18 Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
Dec 26 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
JavaScript的继承实现小结
May 07 Javascript
原JS实现banner图的常用功能
Jun 12 Javascript
详解JS中的this、apply、call、bind(经典面试题)
Sep 19 Javascript
angular 表单验证器验证的同时限制输入的实现
Apr 11 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下尝试使用GraphicsMagick的缩略图功能
2011/01/01 PHP
洪恩在线成语词典小偷程序php版
2012/04/20 PHP
php的mail函数发送UTF-8编码中文邮件时标题乱码的解决办法
2015/10/20 PHP
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
2010/03/07 Javascript
基于jquery的获取浏览器窗口大小的代码
2011/03/28 Javascript
基于jquery tab切换(防止页面刷新)
2012/05/23 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
JavaScript的21条基本知识点
2014/03/04 Javascript
JavaScript中return false的用法
2015/03/12 Javascript
js调用百度地图及调用百度地图的搜索功能
2015/09/07 Javascript
JavaScript正则表达式匹配 div  style标签
2016/03/15 Javascript
Js获取当前日期时间及格式化代码
2016/09/17 Javascript
angular route中使用resolve在uglify压缩后问题解决
2016/09/21 Javascript
KnockoutJS 3.X API 第四章之数据控制流with绑定
2016/10/10 Javascript
vue2.0父子组件及非父子组件之间的通信方法
2017/01/21 Javascript
vue 之 .sync 修饰符示例详解
2018/04/21 Javascript
webpack4 从零学习常用配置(小结)
2019/05/28 Javascript
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
2020/05/29 Javascript
基于原生js实现判断元素是否有指定class名
2020/07/11 Javascript
微信小程序实现页面监听自定义组件的触发事件
2020/11/01 Javascript
零基础写python爬虫之打包生成exe文件
2014/11/06 Python
python自定义异常实例详解
2017/07/11 Python
Python 结巴分词实现关键词抽取分析
2017/10/21 Python
Zookeeper接口kazoo实例解析
2018/01/22 Python
Python查看微信撤回消息代码
2018/06/07 Python
Python正则匹配判断手机号是否合法的方法
2020/12/09 Python
python实现数据清洗(缺失值与异常值处理)
2019/12/02 Python
Python列表如何更新值
2020/05/27 Python
使用tensorflow根据输入更改tensor shape
2020/06/23 Python
华润集团网上药店:健一网
2016/09/19 全球购物
主题婚礼策划方案
2014/02/10 职场文书
军训自我鉴定怎么写
2014/02/13 职场文书
诉讼授权委托书范本
2014/10/05 职场文书
详解Mysql 函数调用优化
2021/04/07 MySQL