GraphQL 实践：如何处理零结果？-JavaScript中文网-JavaScript教程资源分享门户

GraphQL 是一种查询语言和运行时环境，它可以帮助前端开发者更加高效地获取和处理数据。在 GraphQL 中，我们可以通过定义类型和查询模式来描述数据模型，并通过一个统一的入口来获取数据。但是，当我们在使用 GraphQL 查询数据时，有时会遇到零结果的情况。本文将介绍如何在 GraphQL 中处理零结果，并给出相关的示例代码。

什么是零结果？

在 GraphQL 中，零结果指的是当我们查询数据时，返回的结果集为空的情况。比如，我们查询某个用户的信息，但是该用户不存在或者没有相关的数据，这时就会返回一个空的结果集。

如何处理零结果？

在 GraphQL 中，我们可以通过使用可选字段和错误处理来处理零结果。

使用可选字段

在 GraphQL 中，我们可以使用可选字段来处理零结果。可选字段是指在查询中添加一个问号来表示该字段是可选的，如果该字段不存在，则返回 null。比如，我们要查询一个用户的信息，但是该用户可能不存在，我们可以这样写查询语句：

// javascriptcn.com 代码示例
query {
  user(id: "123") {
    name
    email
    address {
      city
      street
      zip
    }
  }
}

如果该用户不存在，返回的结果集将会是：

{
  "data": {
    "user": null
  }
}

这样，我们就可以通过判断返回结果是否为 null 来处理零结果的情况。

错误处理

除了使用可选字段外，我们还可以通过错误处理来处理零结果。在 GraphQL 中，我们可以通过定义错误类型和错误处理器来处理错误。比如，我们要查询一个用户的信息，但是该用户不存在，我们可以定义一个错误类型：

// javascriptcn.com 代码示例
type UserNotFoundError {
  message: String!
  code: String!
}

type Query {
  user(id: ID!): User
}

type User {
  name: String!
  email: String!
  address: Address!
}

type Address {
  city: String!
  street: String!
  zip: String!
}

然后，我们可以在查询中使用错误处理器来处理错误：

// javascriptcn.com 代码示例
query {
  user(id: "123") {
    ... on User {
      name
      email
      address {
        city
        street
        zip
      }
    }
    ... on UserNotFoundError {
      message
      code
    }
  }
}

如果该用户不存在，返回的结果集将会是：

{
  "data": {
    "user": {
      "message": "User not found",
      "code": "USER_NOT_FOUND"
    }
  }
}

这样，我们就可以通过判断返回结果中是否包含错误信息来处理零结果的情况。

示例代码

下面是一个使用可选字段和错误处理来处理零结果的示例代码：

// javascriptcn.com 代码示例
type UserNotFoundError {
  message: String!
  code: String!
}

type Query {
  user(id: ID!): User
}

type User {
  name: String!
  email: String!
  address: Address
}

type Address {
  city: String!
  street: String!
  zip: String!
}

schema {
  query: Query
}

var users = [
  { id: "1", name: "Alice", email: "alice@example.com", address: { city: "New York", street: "Broadway", zip: "10001" } },
  { id: "2", name: "Bob", email: "bob@example.com", address: null }
];

var resolvers = {
  Query: {
    user: function(root, args, context, info) {
      var user = users.find(user => user.id === args.id);
      if (user) {
        return user;
      } else {
        return { message: "User not found", code: "USER_NOT_FOUND" };
      }
    }
  }
};

var schema = makeExecutableSchema({
  typeDefs: [typeDefs],
  resolvers: resolvers
});

graphql(schema, '{ user(id: "2") { name email address { city street zip } } }').then((response) => {
  console.log(response);
});

graphql(schema, '{ user(id: "3") { name email address { city street zip } } }').then((response) => {
  console.log(response);
});

在上面的示例代码中，我们定义了一个 User 类型和一个 Address 类型，然后定义了一个 user 查询，该查询可以根据用户的 ID 来获取用户的信息。在 resolvers 中，我们实现了 user 查询的逻辑，如果用户存在，则返回用户信息；如果用户不存在，则返回一个 UserNotFoundError 错误类型。最后，我们使用 graphql 函数来执行查询，并打印查询结果。

总结

在 GraphQL 中，处理零结果是非常重要的，因为它可以帮助我们更好地处理数据查询的异常情况。本文介绍了如何使用可选字段和错误处理来处理零结果，并给出了相关的示例代码。希望本文对你有所帮助。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6562e278d2f5e1655dca4272