デデントを知る前の人生

テンプレートの文字通りでマルチラインの段落を書き込もうとしたことはありますか？

function explain（）{ const説明= ` -200 OK リクエストは成功しました。 「成功」の結果の意味は、HTTPメソッドに依存します。 *取得：リソースが取得されました... *ヘッド：表現ヘッダーは... * PUTまたはPOST：説明するリソース... *トレース：メッセージ本文には... ` console.log（説明） } 説明する（）

function explain() {
  const description = `
    - 200 OK
      The request succeeded. The result meaning of "success" depends on the HTTP method:

      * GET: The resource has been fetched...
      * HEAD: The representation headers are...
      * PUT or POST: The resource describing...
      * TRACE: The message body contains the...
  `

  console.log(description)
}

explain()

$ bun index.ts -200 OK リクエストは成功しました。 「成功」の結果の意味は、HTTPメソッドに依存します。 *取得：リソースが取得されました... *ヘッド：表現ヘッダーは... * PUTまたはPOST：説明するリソース... *トレース：メッセージ本文には...

$ bun index.ts

    - 200 OK
      The request succeeded. The result meaning of "success" depends on the HTTP method:

      * GET: The resource has been fetched...
      * HEAD: The representation headers are...
      * PUT or POST: The resource describing...
      * TRACE: The message body contains the...

待って、インデントを削除する必要がありますか？

いや。美しくフォーマットされたコードをあきらめることはできません。

function explain（）{ const説明= '-200 ok \ n' 'リクエストは成功しました。 「成功」の結果の意味は、httpメソッドに依存します：\ n \ n ' ' * get：リソースが取得されました... \ n' ' *ヘッド：表現ヘッダーは... \ n'です ' * put or cost：説明するリソース... \ n' ' *トレース：メッセージ本文には... \ n'が含まれています console.log（説明） } 説明する（）

$ bun index.ts

    - 200 OK
      The request succeeded. The result meaning of "success" depends on the HTTP method:

      * GET: The resource has been fetched...
      * HEAD: The representation headers are...
      * PUT or POST: The resource describing...
      * TRACE: The message body contains the...

私はそれを取ります。 ？

このため、マルチラインテキストは常に頭痛の種です。

今、あなたはデーデントを知っています

しかし、今、あなたはもう自分と交渉する必要はありません。 dedentを使用するだけです。

dedentを「dedent」からインポートする function explage（）{ const説明= dedent` -200 OK リクエストは成功しました。 「成功」の結果の意味は、HTTPメソッドに依存します。 *取得：リソースが取得されました... *ヘッド：表現ヘッダーは... * PUTまたはPOST：説明するリソース... *トレース：メッセージ本文には... ` console.log（説明） } 説明する（）

$ bun index.ts

    - 200 OK
      The request succeeded. The result meaning of "success" depends on the HTTP method:

      * GET: The resource has been fetched...
      * HEAD: The representation headers are...
      * PUT or POST: The resource describing...
      * TRACE: The message body contains the...

私がしたことは、テンプレートのリテラルの前にdedentを追加することでした。あなたはそれを信じていませんか？

$ bun index.ts -200 OK リクエストは成功しました。 「成功」の結果の意味は、HTTPメソッドに依存します。 *取得：リソースが取得されました... *ヘッド：表現ヘッダーは... * PUTまたはPOST：説明するリソース... *トレース：メッセージ本文には...

$ bun index.ts

    - 200 OK
      The request succeeded. The result meaning of "success" depends on the HTTP method:

      * GET: The resource has been fetched...
      * HEAD: The representation headers are...
      * PUT or POST: The resource describing...
      * TRACE: The message body contains the...

それはすべての不必要なインデントを削除し、予想通りにそれを作ります。

なぜもっと複雑なものを試してみませんか？

dedentを「dedent」からインポートする const excountStatus =（status：string）=> { switch（status）{ ケース '2xx'： dedent`を返します -200 OK リクエストは成功しました。 「成功」の結果の意味は、HTTPメソッドに依存します。 *取得：リソースがメッセージ本文にフェッチされ、送信されました。 *ヘッド：表現ヘッダーは、メッセージ本文なしで応答に含まれています。 * PUTまたはPOST：アクションの結果を説明するリソースは、メッセージ本文に送信されます。 *トレース：メッセージ本文には、サーバーが受信した要求メッセージが含まれています。 -21作成 リクエストは成功し、その結果、新しいリソースが作成されました。 これは通常、郵送リクエストの後に送信される応答、または一部のリクエストです。 ` ケース '4xx'： dedent`を返します -400悪いリクエスト サーバーは、クライアントエラーであると認識されているもののためにリクエストを処理できない、または処理しません （例えば、不正な要求の構文、無効な要求メッセージフレーミング、または欺ceptive要求ルーティング）。 -401不正 HTTP標準は「不正」を指定していますが、意味的には、この応答は「認識されていない」ことを意味します。 つまり、クライアントは、要求された応答を取得するために自分自身を認証する必要があります。 ` デフォルト： 「まだnot Not Not！」を返します } } console.log（explainstatus（ '2xx'））

function explain() {
  const description = `
    - 200 OK
      The request succeeded. The result meaning of "success" depends on the HTTP method:

      * GET: The resource has been fetched...
      * HEAD: The representation headers are...
      * PUT or POST: The resource describing...
      * TRACE: The message body contains the...
  `

  console.log(description)
}

explain()

$ bun index.ts -200 OK リクエストは成功しました。 「成功」の結果の意味は、HTTPメソッドに依存します。 *取得：リソースがメッセージ本文にフェッチされ、送信されました。 *ヘッド：表現ヘッダーは、メッセージ本文なしで応答に含まれています。 * PUTまたはPOST：アクションの結果を説明するリソースは、メッセージ本文に送信されます。 *トレース：メッセージ本文には、サーバーが受信した要求メッセージが含まれています。 -21作成 リクエストは成功し、その結果、新しいリソースが作成されました。 これは通常、郵送リクエストの後に送信される応答、または一部のリクエストです。

$ bun index.ts

    - 200 OK
      The request succeeded. The result meaning of "success" depends on the HTTP method:

      * GET: The resource has been fetched...
      * HEAD: The representation headers are...
      * PUT or POST: The resource describing...
      * TRACE: The message body contains the...

soo smoooth！？