![[Daily Package] dedent](https://img.php.cn/upload/article/000/000/000/172502286498239.jpg)
您是否曾經嘗試過在模板文字中編寫多行段落，但意識到它保留了縮進，最終使用了帶有 n 的字串加法？
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...
等等，我需要刪除縮排嗎？
不。我不能放棄我格式精美的程式碼。
function explain() {
const description = '- 200 OK\n' +
'The request succeeded. The result meaning of "success" depends on the HTTP method:\n\n' +
' * GET: The resource has been fetched...\n' +
' * HEAD: The representation headers are...\n' +
' * PUT or POST: The resource describing...\n' +
' * TRACE: The message body contains the...\n'
console.log(description)
}
explain()
我會接受的。 ？
因此，多行文字總是讓我頭痛。
但是現在，你不用再跟自己談判了。只需使用 dedent 即可。
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()
我所做的是在模板文字之前添加縮排。你不相信嗎？
$ 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...
它刪除了所有不必要的縮排並使其符合我們的預期。
我們為什麼不嘗試更複雜的呢？
import dedent from 'dedent'
const explainStatus = (status: string) => {
switch(status) {
case '2xx':
return dedent`
- 200 OK
The request succeeded. The result meaning of "success" depends on the HTTP method:
* GET: The resource has been fetched and transmitted in the message body.
* HEAD: The representation headers are included in the response without any message body.
* PUT or POST: The resource describing the result of the action is transmitted in the message body.
* TRACE: The message body contains the request message as received by the server.
- 201 Created
The request succeeded, and a new resource was created as a result.
This is typically the response sent after POST requests, or some PUT requests.
`
case '4xx':
return dedent`
- 400 Bad Request
The server cannot or will not process the request due to something that is perceived to be a client error
(e.g., malformed request syntax, invalid request message framing, or deceptive request routing).
- 401 Unauthorized
Although the HTTP standard specifies "unauthorized", semantically this response means "unauthenticated".
That is, the client must authenticate itself to get the requested response.
`
default:
return 'not yet!'
}
}
console.log(explainStatus('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 and transmitted in the message body. * HEAD: The representation headers are included in the response without any message body. * PUT or POST: The resource describing the result of the action is transmitted in the message body. * TRACE: The message body contains the request message as received by the server. - 201 Created The request succeeded, and a new resource was created as a result. This is typically the response sent after POST requests, or some PUT requests.
太流暢了！ ？
以上是[每日套餐] dedent的詳細內容。更多資訊請關注PHP中文網其他相關文章！
