[2 認識迪士特之前的生活

您是否曾經嘗試在模板文字中編寫多行段落，但意識到它保留了凹痕，最終使用\ n？

函數dimend（）{ const描述=` -200好 請求成功了。 “成功”的結果含義取決於HTTP方法： *獲取：資源已被獲取... *頭：表示標題是... *放置或發布：描述...的資源 *跟踪：消息主體包含... ` console.log（描述） } 解釋（）

$ bun index.ts -200好 請求成功了。 “成功”的結果含義取決於HTTP方法： *獲取：資源已被獲取... *頭：表示標題是... *放置或發布：描述...的資源 *跟踪：消息主體包含...

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
      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...

函數dimend（）{ const描述=' - 200 ok \ n' '請求成功了。 “成功”的結果含義取決於http方法：\ n \ n' ' *獲取：資源已被獲取... \ n' ' *頭：表示標題為... \ n' ' * put或post：描述... \ 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...

現在你知道迪士特

，但是現在，您不必再與自己進行談判了。只需使用destent。

從'dedent'導入dettent 函數解釋（）{ const描述= dedent` -200好 請求成功了。 “成功”的結果含義取決於HTTP方法： *獲取：資源已被獲取... *頭：表示標題是... *放置或發布：描述...的資源 *跟踪：消息主體包含... ` console.log（描述） } 解釋（）

我所做的是在模板文字之前添加deDent。你不相信嗎？

$ bun index.ts -200好 請求成功了。 “成功”的結果含義取決於HTTP方法： *獲取：資源已被獲取... *頭：表示標題是... *放置或發布：描述...的資源 *跟踪：消息主體包含...

import dedent from 'dedent'

function explain() {
  const description = dedent`
    - 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()

為什麼我們不嘗試更複雜的呢？

從'dedent'導入dettent const dimend Status =（狀態：string）=> { 切換（狀態）{ 案例“ 2xx”： 返回dedent` -200好 請求成功了。 “成功”的結果含義取決於HTTP方法： *獲取：資源已在消息主體中獲取和傳輸。 *頭：表示標題包含在沒有任何消息主體的響應中。 *放置或發布：描述動作結果的資源在消息正文中傳輸。 *跟踪：消息主體包含服務器接收的請求消息。 - 201創建 該請求成功，因此創建了新的資源。 這通常是在發布請求後發送的響應，或某些提出請求。 ` 案例“ 4xx”： 返回dedent` -400不良要求 由於被認為是客戶端錯誤的東西，服務器無法處理或不會處理該請求 （例如，畸形的請求語法，無效的請求消息框架或欺騙性請求路由）。 -401未經授權 儘管HTTP標準指定“未經授權”，但從語義上講，此響應的意思是“未經驗證”。 也就是說，客戶必須對自己進行身份驗證以獲取所請求的響應。 ` 預設: 返回“還沒有！” } } console.log（解釋說明（'2xx'））

$ 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...

$ bun index.ts -200好 請求成功了。 “成功”的結果含義取決於HTTP方法： *獲取：資源已在消息主體中獲取和傳輸。 *頭：表示標題包含在沒有任何消息主體的響應中。 *放置或發布：描述動作結果的資源在消息正文中傳輸。 *跟踪：消息主體包含服務器接收的請求消息。 - 201創建 該請求成功，因此創建了新的資源。 這通常是在發布請求後發送的響應，或某些提出請求。