如何从接口或注入方法返回的Promise中获取其内部内容？

嘿，我明白你的困扰了——你在学习别人的可注入类代码，它的getLists()方法返回了一个Promise，现在你想在自己注入这个类的代码里拿到Promise最终resolve的数据对吧？

先补全一下原作者的代码逻辑（你贴的代码没写完，大概率是带.then()链的结构）：

// 原作者的可注入类方法
getLists() {
  return this.isReady()
    .then(() => {
      // 这里应该是获取列表数据的核心逻辑，比如调用API或者读取本地存储
      return fetch('/api/lists').then(res => res.json());
    });
}

接下来给你两种最常用的方式来获取Promise内部的内容：

方法1：用.then()链式调用处理 #

这是Promise最基础的用法，直接在调用getLists()后链式接.then()就能拿到resolve的值：

// 在你注入类的方法里这么写
yourInjectedClass.getLists()
  .then(lists => {
    // 这里的lists就是Promise最终返回的内容！
    console.log('拿到列表数据啦：', lists);
    // 在这里写你的业务逻辑，比如把数据绑定到视图、做过滤之类的
  })
  .catch(error => {
    // 划重点！一定要处理错误，不然Promise报错会变成未捕获异常
    console.error('获取列表失败了：', error);
  });

方法2：用async/await让代码更简洁 #

如果你的调用方法本身是async函数，用await能让代码看起来像同步逻辑，可读性更高：

// 把你的方法改成async的
async handleGetLists() {
  try {
    const lists = await yourInjectedClass.getLists();
    // 这里的lists就是Promise返回的内容
    console.log('拿到列表数据啦：', lists);
    // 处理你的业务逻辑
  } catch (error) {
    console.error('获取列表失败了：', error);
  }
}

几个要注意的点： #

• 必须处理错误：不管用.catch()还是try/catch，Promise如果reject了（比如请求失败、初始化出错），不处理会导致控制台报错甚至程序崩溃。
• await只能在async函数里用：如果你的方法不是async的，要么改成async，要么老老实实用.then()。
• 不用管this.isReady()：原作者的这个方法已经封装在getLists()的Promise链里了，你调用getLists()时会自动等待初始化完成，不用额外处理。

举个完整的实战例子（假设是Angular的可注入类，毕竟你提到了“可注入类”）：

import { Component, OnInit } from '@angular/core';
import { ListService } from './list.service'; // 原作者的可注入类

@Component({
  selector: 'app-list',
  templateUrl: './list.component.html'
})
export class ListComponent implements OnInit {
  lists: any[] = [];

  constructor(private listService: ListService) {}

  ngOnInit() {
    // 调用我们写的加载方法
    this.loadLists();
  }

  async loadLists() {
    try {
      this.lists = await this.listService.getLists();
      console.log('列表数据加载完成：', this.lists);
    } catch (err) {
      console.error('加载列表出错了：', err);
    }
  }

  // 要是你更喜欢.then()的写法，也可以这么写：
  // ngOnInit() {
  //   this.listService.getLists()
  //     .then(lists => {
  //       this.lists = lists;
  //     })
  //     .catch(err => {
  //       console.error('加载列表出错了：', err);
  //     });
  // }
}

这样你就能顺利拿到Promise内部的列表数据啦。就算原作者的getLists()有更多的.then()处理，本质上都是一样的——Promise链会把最后一个return的值传递给你的.then()或者await。

内容的提问来源于stack exchange，提问作者Kazekum