浅析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 相关文章推荐
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
Feb 18 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
May 28 Javascript
js移除事件 js绑定事件实例应用
Nov 28 Javascript
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
Jun 05 Javascript
js交换排序 冒泡排序算法(Javascript版)
Oct 04 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 Javascript
简单谈谈javascript中this的隐式绑定
Feb 22 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
Sep 17 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
Apr 26 Javascript
7个好用的JavaScript技巧分享(译)
May 07 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 Javascript
vue实现简易计算器功能
Jan 20 Vue.js
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中路径问题的解决方案
2006/10/09 PHP
利用谷歌 Translate API制作自己的翻译脚本
2014/06/04 PHP
php过滤表单提交的html等危险代码
2014/11/03 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
JS 图片缩放效果代码
2010/06/09 Javascript
jquery选择器大全 全面详解jquery选择器
2014/03/06 Javascript
js获取checkbox复选框选中的选项实例
2014/08/24 Javascript
微信小程序 教程之引用
2016/10/18 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
2017/02/10 Javascript
jQuery Plupload上传插件的使用
2017/04/19 jQuery
vue地区选择组件教程详解
2018/05/04 Javascript
vue.js使用watch监听路由变化的方法
2018/07/08 Javascript
jQuery 实现批量提交表格多行数据的方法
2018/08/09 jQuery
NodeJS实现同步的方法
2019/03/02 NodeJs
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
vue element-ui el-date-picker限制选择时间为当天之前的代码
2019/11/07 Javascript
python笔记(2)
2012/10/24 Python
Python群发邮件实例代码
2014/01/03 Python
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
Python多线程编程(八):使用Event实现线程间通信
2015/04/05 Python
pygame学习笔记(4):声音控制
2015/04/15 Python
Python二分法搜索算法实例分析
2015/05/11 Python
Python星号*与**用法分析
2018/02/02 Python
利用python为运维人员写一个监控脚本
2018/03/25 Python
python网络爬虫学习笔记(1)
2018/04/09 Python
快速解决docker-py api版本不兼容的问题
2019/08/30 Python
解决pandas展示数据输出时列名不能对齐的问题
2019/11/18 Python
python 使用shutil复制图片的例子
2019/12/13 Python
解决python pandas读取excel中多个不同sheet表格存在的问题
2020/07/14 Python
简述 Python 的类和对象
2020/08/21 Python
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
生物技术研究生自荐信
2013/11/12 职场文书
创业计划书之面包店
2019/09/12 职场文书
“爱眼护眼,提前预防近视”倡议书3篇
2019/10/30 职场文书