Yanniyanni

《return 、break和continue的区别和作用》

2020-05-15 上次更新时间：8/4/2020, 8:24:44 PM 0 javascript

# break

使用范围：循环或者switch语句体内

作用：立即结束语句，如果在嵌套循环中，则终止最近循环。

（break出现在循环体中的switch语句体内时，起作用只是跳出该switch语句体，并不能终止循环体的执行）

for (let i = 0; i < 5; i++) {
    if (i === 3) {
        break;
    }
    console.log(i)
}
// 0 1 2

for (let i = 0; i < 5; i++) {
    switch (i) {
        case 3:
        break; // 仅结束了 switch

    }
    console.log(i)
}
// 0 1 2 3 4
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# continue

使用范围：循环

作用：跳过当次循环，并进入下次循环。

for (let i = 0; i < 5; i++) {
    if (i === 3) {
        continue;
    }
    console.log(i)
}
// 0 1 2 4

for (let i = 0; i < 5; i++) {
    switch (i) {
        case 3:
        continue; // 外层 for循环也结束了

    }
    console.log(i)
}
// 0 1 2 4
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

# return

使用范围：函数体内

作用：指定函数返回的值

function a () {
    if (true) {
        return false; // 仅在当前函数有效，不影响其他外部函数执行
    }
    console.log('aa') 
}

function b () {
    console.log('bb')
}

function test () {
    a();
    b();
}

test()
// bb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

总结：

return true; 返回正常的处理结果；终止处理。

return false; 返回错误的处理结果；终止处理；阻止提交表单;阻止执行默认的行为。

return; 把控制权返回给页面。

# 区别

相同之处

三个都会将此时进行的语句停止。

不同之处

  1. break：是立即结束语句，并跳出语句，进行下个语句执行。

  2. continue：是停止当前语句，并从头执行该语句。

  3. return：停止函数。

  4. 使用的语句环境不一样，break和continue是用在循环或switch语句中，return是用在函数语句中。

上次更新时间: 8/4/2020, 8:24:44 PM