@stylistic/

semi-style

一般的に、セミコロンは行末に置かれます。しかし、セミコロンレススタイルでは、セミコロンは行頭に置かれます。このルールは、セミコロンが設定された位置に配置されることを強制します。

ルール詳細

このルールは、セミコロン周辺の行終端子について報告します。

このルールにはオプションがあります。

{
    "semi-style": ["error", "last"],
}

• "last" (デフォルト) は、セミコロンがステートメントの最後に配置されることを強制します。
• "first" は、セミコロンがステートメントの先頭に配置されることを強制します。forループのヘッダー（for(a;b;c){}）のセミコロンは、このオプションを使用する場合でも、行末に配置する必要があります。

"last"オプションを使用したこのルールの**不正な**コードの例

/*eslint @stylistic/semi-style: ["error", "last"]*/

foo()
;
[1, 2, 3].forEach(bar)

for (
    var i = 0
        
;
 i < 10
        
;
 ++i
) {
    foo()
}

class C {
    static {
        foo()
                
;
bar()
    }
}

不正な例

"last"オプションを使用したこのルールの**正しい**コードの例

/*eslint @stylistic/semi-style: ["error", "last"]*/

foo();
[1, 2, 3].forEach(bar)

for (
    var i = 0;
    i < 10;
    ++i
) {
    foo()
}

class C {
    static {
        foo();
        bar()
    }
}

正しい例

"first"オプションを使用したこのルールの**不正な**コードの例

/*eslint @stylistic/semi-style: ["error", "first"]*/

foo()
;
[1, 2, 3].forEach(bar)

for (
    var i = 0
        
;
 i < 10
        
;
 ++i
) {
    foo()
}

class C {
    static {
        foo()
;
        bar()
    }
}

不正な例

"first"オプションを使用したこのルールの**正しい**コードの例

/*eslint @stylistic/semi-style: ["error", "first"]*/

foo()
;[1, 2, 3].forEach(bar)

for (
    var i = 0;
    i < 10;
    ++i
) {
    foo()
}

class C {
    static {
        foo()
        ;bar()
    }
}

正しい例

使用しない場合

セミコロンの位置を通知したくない場合は、このルールを無効にしても安全です。