JavaScript中break、continue和return区别实例

日期：2020-06-10 栏目：程序人生浏览：次

在 JavaScript中break,continue和return 这三个关键字，都有停止循环的功能，return 还有另外一个功能，就是函数返回语句，但是返回的同时也将函数停止。

下面介绍3个关键字在停止for循环中的区别：

1、break的用法

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

得到的结果是：

0
1
2
linuxidc

2、continue的用法

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

得到的结果是：

0
1
2
4
linuxidc

3、return的用法

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

得到的结果是：

0
1
2

总结：以上3个案例代码都是相同的，唯一的不同就是分别运用了break、continue和return这3个关键字来阻止for循环。显而易见：

break 停止了这个for循环，跳出循环来继续执行fn函数里之后的语句
continue 只是停止了当前循环，继续执行后面的循环，当循环执行完继续执行fn函数里之后的语句
return 停止了这个for循环，跳出循环并且停止执行fn函数里后边的语句

这里只总结了比较浅显的停止循环的区别，具体的for循环嵌套如何停止最外层的循环等方法需要的话可以Google其他资料。