@stylistic/js/

semi-style

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

ルール詳細

このルールは、セミコロン周辺の行末文字を報告します。

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

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

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

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

/*eslint @stylistic/js/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/js/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/js/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/js/semi-style: ["error", "first"]*/

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

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

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

正しい

使用しない場合

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