コンテンツにスキップ

@stylistic/js/

template-tag-spacing

ES6 では、関数パラメータがテンプレートリテラルの文字列と式で構成されるタグ付きテンプレートリテラルと呼ばれる関数を作成できます。

タグ付きテンプレートリテラルを使用する場合、タグ関数とテンプレートリテラルの間に空白を挿入できます。この空白はオプションであるため、次の行は同等です。

js
let hello = func`Hello world`;
let hello = func `Hello world`;

ルールの詳細

このルールは、テンプレートタグ関数とそのテンプレートリテラルの間のスペースに関する一貫性を維持することを目的としています。

オプション

json
{
    "template-tag-spacing": ["error", "never"]
}

このルールには、値が "never" または "always" に設定できるオプションが 1 つあります。

  • "never" (デフォルト) - タグ関数とそのテンプレートリテラルの間にスペースを許可しません。
  • "always" - タグ関数とそのテンプレートリテラルの間に 1 つ以上のスペースが必要です。

never

デフォルトの "never" オプションを使用した場合の、このルールに違反するコードの例

js
/*eslint @stylistic/js/template-tag-spacing: "error"*/

func
`Hello world`;
違反

デフォルトの "never" オプションを使用した場合の、このルールに準拠するコードの例

js
/*eslint @stylistic/js/template-tag-spacing: "error"*/

func`Hello world`;
準拠

always

"always" オプションを使用した場合の、このルールに違反するコードの例

js
/*eslint @stylistic/js/template-tag-spacing: ["error", "always"]*/

func
`Hello world`;
違反

"always" オプションを使用した場合の、このルールに準拠するコードの例

js
/*eslint @stylistic/js/template-tag-spacing: ["error", "always"]*/

func `Hello world`;
準拠

使用しない場合

タグ関数とそのテンプレートリテラルの間のスペースの使用に関する通知を受けたくない場合は、このルールを無効にしても安全です。

MIT License の下でリリースされています。