在 JavaScript 中转义输入字符串的正确方法是什么？

Question

查看带有 JavaScript 变量注入的 graphql 突变（请忽略它是手动构建的，而不是通过一些 gql 助手）：

mutation {
  createPost(
    name: "${name}",
    description: "${description}" 
  ) { id }
}

转义name和description字符串变量有什么标准函数吗？

例如。一些函数gqlEscape 将使查询安全：

mutation {
  createPost(
    name: "${gqlEscape(name)}",
    description: "${gqlEscape(description)}" 
  ) { id }
}

这个函数会是什么样子？

Answer 1

您可以使用专为您的用例设计的 GraphQL 变量，而不是进行字符串插值。您也可以使用原始 HTTP 来执行此操作，但在这种情况下，我通常使用 graphql-request。

这是一个例子：

import { request } from 'graphql-request'

const mutation = `
  mutation newPost($name: String!, $description: String) {
    createPost(
      name: $name,
      description: $description 
    ) {
      id
    }
  }
`

const variables = {
  name: 'New Post',
}

request('my-endpoint', mutation, variables).then(data => console.log(data))

几点说明：

• 我定义了两个变量，name: String! 和 description: String。 String! 表示，它是一个字符串类型的必需 变量，而String 表示它是一个可选变量。您可以看到我没有为description 传递值，这是可能的，因为它是可选的。
• 我确实没有为两个字符串指定双引号，这已经由 GraphQL 变量本身处理了。
• 您可以阅读有关 GraphQL 变量here 和here 的更多信息。