break、continue、return的用法

前言

新手在写 JS 代码的时候，常常弄不明白 break、continue、return的用法，这样会导致程序在执行的时候达不到自己想要的效果，或者导致程序报错。这篇文章将简单得描述三者的用法。

一、break

break，退出所在的循环。一般用于循环语句，多用于 for 循环或者 switch 语句。

代码演示：

// 不加 break
   for (let i = 0; i <=10; i++) {
      document.write(`${i}<br/>`);
    }
    // 输出 0、1、2、3、4、5、6、7、8、9、10

// 加 break
   for (let i = 0; i <=10; i++) {
      if (i == 5) {
        break;
      }
      document.write(`${i}<br/>`);
    }
    // 输出 0、1、2、3、4

当 i 等于 5 的时候，就会退出这个循环。

二、continue

continue 结束本次循环，继续下次循环。只跳出符合条件的那一次循环即可。
代码演示：

 for (let i = 0; i <= 10; i++) {
      if (i == 5) {
        continue;
      }
      document.write(`${i}<br/>`);
    }
  // 输出  0、1、2、3、4、6、7、8、9、10

只跳出 i 等于 5 这次循环，继续执行后面的循环语句。

三、return

return 会立即结束当前函数。
代码演示：

   function Example() {
      for (let i = 0; i <= 10; i++) {
       document.write(`${i}<br/>`);
       if (i == 5) {
         return;
       }
     }
    }
    Example();
    // 输出 0、1、2、3、4、5

当 i 等于 5 时，退出函数。

return 的注意事项

1.return 只能返回一个值
代码演示：

function test() {
    return 1,2;
}
let result = test();
console.log(result); // 输出2

2.巧妙利用 return 来跳出函数；return; 可以直接退出函数。
3.若 return 返回空，返回的值是 undefined

function test() {
    return ;
}
let result = test();
console.log(result); // undefined