no-else-return

在 if 陳述式中，當 if 區塊包含 return 陳述式時，不允許使用 else 區塊

🔧

此規則報告的某些問題可透過 --fix 命令列選項自動修正

❄️

此規則目前為凍結狀態，不接受功能請求。

如果 if 區塊包含 return 陳述式，則 else 區塊會變得不必要。其內容可以放在區塊之外。

function foo() {
    if (x) {
        return y;
    } else {
        return z;
    }
}
1
2
3
4
5
6
7

規則詳細資訊

此規則旨在突顯在包含 return 陳述式的 if 後面，不必要的程式碼區塊。因此，當它遇到跟在 if 鏈後面的 else 時，它會發出警告，所有 if 都包含 return 陳述式。

選項

此規則具有物件選項

allowElseIf: true (預設) 允許在 return 後面使用 else if 區塊
allowElseIf: false 不允許在 return 後面使用 else if 區塊

allowElseIf: true

此規則的不正確程式碼範例

在 Playground 中開啟

/*eslint no-else-return: "error"*/

function foo1() {
    if (x) {
        return y;
    } else {
        return z;
    }
}

function foo2() {
    if (x) {
        return y;
    } else if (z) {
        return w;
    } else {
        return t;
    }
}

function foo3() {
    if (x) {
        return y;
    } else {
        var t = "foo";
    }

    return t;
}

function foo4() {
    if (error) {
        return 'It failed';
    } else {
        if (loading) {
            return "It's still loading";
        }
    }
}

// Two warnings for nested occurrences
function foo5() {
    if (x) {
        if (y) {
            return y;
        } else {
            return x;
        }
    } else {
        return z;
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

此規則的正確程式碼範例

在 Playground 中開啟

/*eslint no-else-return: "error"*/

function foo1() {
    if (x) {
        return y;
    }

    return z;
}

function foo2() {
    if (x) {
        return y;
    } else if (z) {
        var t = "foo";
    } else {
        return w;
    }
}

function foo3() {
    if (x) {
        if (z) {
            return y;
        }
    } else {
        return z;
    }
}

function foo4() {
    if (error) {
        return 'It failed';
    } else if (loading) {
        return "It's still loading";
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

allowElseIf: false

此規則的不正確程式碼範例

在 Playground 中開啟

/*eslint no-else-return: ["error", {allowElseIf: false}]*/

function foo() {
    if (error) {
        return 'It failed';
    } else if (loading) {
        return "It's still loading";
    }
}
1
2
3
4
5
6
7
8
9

此規則的正確程式碼範例

在 Playground 中開啟

/*eslint no-else-return: ["error", {allowElseIf: false}]*/

function foo() {
    if (error) {
        return 'It failed';
    }

    if (loading) {
        return "It's still loading";
    }
}
1
2
3
4
5
6
7
8
9
10
11

版本

此規則在 ESLint v0.0.9 中引入。

資源

編輯此頁面