jsbreak、continue和return的区别总结

前端

发布日期: 2022-12-05

更新日期: 2023-07-30

文章字数: 762

阅读时长: 3 分

阅读次数:

面向对象编程语法中我们会碰到 break ,continue, return 这三个常用的关键字，为此来对其知识点加以回顾学习。

1.break

break ：break 语句会使运行的程序立刻退出，包含在最内层的循环或者退出一个 switch 语句。

例子 1

for (let i = 0; i < 2; i++) {
  for (let j = 0; j < 2; j++) {
    if (j === 1) {
      break; //退出break所在层循环
    }
    console.log("j =" + j);
  }
}
//执行结果为：打印2次 j=0

例子 2

let data = 1;

let num;

switch (data) {
  case 1:
    num = 1;
    break;
  case 2:
    num = 2;
    break;
  case 3:
    num = 3;
    break;
  default:
    num = 10;
    break;
}
console.log(num); //1

若不加 break 情况

let data = 1;

let num;

switch (data) {
  case 1:
    num = 1;

  case 2:
    num = 2;
    break;
  case 3:
    num = 3;
    break;
  default:
    num = 10;
    break;
}
console.log(num); //2

//执行结果为：2

由于它是用来退出循环或者 switch 语句，所以只有当它出现在这些语句时，这种形式的 break 语句才是合法的。

如果一个循环的终止条件非常复杂，那么使用 break 语句来实现某些条件比用一个循环表达式来表达所有的条件容易得多

2.continue

continue：continue 语句和 break 语句相似。所不同的是，它不会终止整个循环，而是终止本次迭代，继续开始循环的一次新迭代

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

for (var i = 1; i <= 10; i++) {
  if (i == 6) continue;
  document.write(i);
}

//当i=6的时候，直接跳出本次for循环。下次继续执行。

//输出结果：1234578910

return

return:用于指定函数的返回值，return 只能出现在函数内部。遇到 return 即终止函数内所有代码执行，包括循环，直接退出整个函数。

当执行 return 语句时，即使函数主体中还有其他语句，函数执行也会停止！

js 编程语法中的 break ,continue, return 这三个常用的关键字的使用相关内容就向你介绍到这里，希望对你了解和学习 break ,continue, return 这三个常用关键字的使用有所帮助。

function testReturn() {
  for (let i = 0; i < 2; i++) {
    for (let j = 0; j < 2; j++) {
      if (j === 1) {
        return j; //终止整个函数体内代码执行，函数返回值为 1
      }
      console.log("j =" + j);
    }
  }
}
console.log("函数的返回结果为：" + testReturn());
//执行结果为：打印 1次 j =0; 打印一次  函数的返回结果为1