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