JavaScript中break、continue和return的区别详解

break语句：跳出当前循环

break

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

输出结果如下：

0 1 2

break语句的作用是直接跳出当前所在的循环结构，使程序从循环外部继续执行，忽略循环体内剩余的语句及循环条件判断。需要注意的是，break只能跳出单层循环；若存在嵌套循环，需根据嵌套层级逐层使用break才能完全退出。

continue语句：跳过本次迭代

continue

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

输出结果如下：

0 1 2 4

continue语句用于终止当前这一次循环的执行过程，但它不会跳出整个循环结构，而是继续判断循环条件并执行后续的循环体语句。

因此，continue只能结束当前这一次循环迭代，而不能终止整个循环的进行。

return语句：终止函数执行

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) 当方法声明中使用void指定返回类型为无返回值时，应使用这种格式，即不返回任何具体值。

2、break语句的作用

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

(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的区别，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对本站网站的支持！