JS中Break、Continue及Return的区别

Break

Break 语句会使运行的程序立刻退出包含在最内层的循环或者退出一个 switch 语句。由于它是用来退出循环或者 switch 语句，所以只有当它出现在这些语句时，这种形式的 break 语句才是合法的。

for (var i = 1; i < 10; i++) {
    if (i == 6) {
        break;
    }
console.log(i);
}
// 输出结果 1 2 3 4 5 
// 当 i = 6 时，直接退出当前的这个 for 循环。这个循环将不再被执行，直接进入下一个语句。

Continue

Continue 语句和 Break 语句相似。不同的是，它不是退出一个循环，而是开始循环的一次新迭代。

Continue 语句只能用在 while 语句、do/while语句、for语句、或者for/in语句的循环体内，在其他地方使用都会引起错误！

for (var i = 1; i < 10; i++) {
    if (i == 6) {
        continue;
    }
console.log(i);
}
// 输出结果 1 2 3 4 5 7 8 9
// 当 i = 6 时，直接跳出本次 for 循环。继续下一次的循环执行。

Return

Return 语句就是用于指定函数返回的值。Return 语句只能出现在函数体内，出现在代码中的其他任何地方都会造成语法错误！

for (var i = 1; i < 10; i++) {
    if (i == 6) {
        return;
    }
console.log(i);
}
// 控制台显示：Uncaught SyntaxError: Illegal return statement

返回控制与函数结果

return [[expression]];

表达式的值会被返回。如果忽略，则返回 undefined。

当在函数体中使用 return语句时，函数将会停止执行。如果指定一个值，则这个值返回给函数调用者。例如，以下函数返回其参数 x 的平方，其中 x 是数字。

function square(x) {
    return x * x;
}

var demo = square(3);
console.log(demo);
// 输出结果： 9

下面的 return语句都会终止函数的执行：

return; // 终止处理，并交出当前函数的控制权
return true; // 终止处理，并交出当前函数的控制权，返回正常的处理结果
return false; // 终止处理，并交出当前函数的控制权，返回错误的处理结果，阻止提交表单，阻止执行默认的行为
return x;
return x + y / 3;

当代码执行到 return 语句时，即使函数主体后面还有其他语句，函数执行也会停止。

return 只在当前函数有效，不会影响其他外部函数的执行。