ArkTS 解决ResponseResult传入数据data数据类型不统一

最新推荐文章于 2024-10-02 00:27:17 发布

是洗衣液捏(๑＞ڡ＜)☆

最新推荐文章于 2024-10-02 00:27:17 发布

阅读量344

点赞数 4

文章标签：数据库

本文链接：https://blog.csdn.net/m0_69294225/article/details/142103859

版权

ResponseResult类


export default class ResponseResult {
  /**
   * Code returned by the network request: success, fail.
   */
  code: string;

  /**
   * Message returned by the network request.
   */
  msg: string | Resource;

  /**
   * Data returned by the network request.
   */
  data: Map<string,object>|string | Object | ArrayBuffer;

  constructor() {
    this.code = '';
    this.msg = '';
    this.data = '';
  }
}

比如我现在想要提取传入数据中data里面的token对应打的值，而且data是object类型
这里不能直接使用

const accessToken = (result as ResponseResult).data.access_token;

这里access_token会直接报错
Property 'access_token' does not exist on type 'string | Object | Map<string, object> | ArrayBuffer'. Property 'access_token' does not exist on type 'string'. <ArkTSCheck>

下面正确代码

interface GeneratedTypeLiteralInterface_1 {
  access_token: string;
}

....

            httpRequestPost('https://***',LoginData).then((result)=>{
              console.log('Result:', JSON.stringify(result, null, 2));
                if (result.code == "200") {
                  const data = (result as ResponseResult).data;
                  if (typeof data === 'object' && data !== null) {
                    const accessToken = (data as GeneratedTypeLiteralInterface_1).access_token;
                    if (accessToken) {
                      AlertDialog.show({
                        message: JSON.stringify(accessToken)
                      });
                    } else {
                      console.error("Access token is undefined or null.");
                    }
                  } else {
                    console.error("Data is not an object.");
                  }

                  router.replaceUrl({
                    url: 'pages/Index'
                  })
                } else if (result.code == "500") {
                  AlertDialog.show({
                    message: result.msg.toString()
                  })
                } else {
                  AlertDialog.show({
                    message: "未知错误"
                  })
                }

            })

....

下面是AI生成的解释

这段代码的主要目的是从一个可能包含不同类型值的变量中安全地提取access_token属性。下面是逐行解释：

定义接口：
```
interface GeneratedTypeLiteralInterface_1 {
  access_token: string;
}
```
这里定义了一个接口GeneratedTypeLiteralInterface_1，它有一个属性access_token，类型为string。这个接口用于类型断言，确保我们能够正确地访问access_token属性。
获取data：
```
const data = (result as ResponseResult).data;
```
这一行将result对象的data属性赋值给变量data。result被类型断言为ResponseResult，这是一个具体的类型或接口，表示result应该具有data属性。
检查data是否为对象：
```
if (typeof data === 'object' && data !== null) {
```
这个条件语句检查data是否为非空对象。typeof data === 'object'确保data是一个对象类型，而data !== null确保data不是一个null值。
类型断言并提取access_token：
```
const accessToken = (data as GeneratedTypeLiteralInterface_1).access_token;
```
如果data是一个对象，这一行将其类型断言为GeneratedTypeLiteralInterface_1。这样做的目的是让TypeScript知道我们期望data具有access_token属性，并且它的类型是string。然后，我们通过access_token属性获取该值，并将其赋值给accessToken。
检查access_token是否存在且非空：
```
if (accessToken) {
  AlertDialog.show({
    message: JSON.stringify(accessToken)
  });
} else {
  console.error("Access token is undefined or null.");
}
```
这一段代码检查accessToken是否定义且非空。如果access_token存在且不为空，它将显示一个包含access_token值的消息对话框。否则，它会在控制台中打印一条错误信息。
处理data不是对象的情况：
```
} else {
  console.error("Data is not an object.");
}
```
如果data不是对象或者它是null，则在控制台中打印一条错误信息。