如何依次调用方法？如何用Promise生成多维度地址数据对象？

嗨，我来帮你解决这两个问题：

问题1：如何实现多个方法的依次调用？ #

这个得分两种情况来看——同步方法和异步方法，处理方式不太一样：

情况1：同步方法的依次调用 #

如果你的方法都是同步执行的（不会有网络请求、定时器这类异步操作），那直接按顺序写就行，因为同步代码是阻塞执行的，上一个方法执行完才会轮到下一个：

function methodA() {
  console.log('执行方法A');
}

function methodB() {
  console.log('执行方法B');
}

function methodC() {
  console.log('执行方法C');
}

// 依次调用
methodA();
methodB();
methodC();

情况2：异步方法的依次调用 #

如果方法是异步的（比如返回Promise的API请求、带定时器的函数），想要上一个异步操作完成后再执行下一个，有两种常用方式：

方式一：Promise链式调用

利用Promise的then()方法，在前一个Promise完成后触发下一个操作：

// 模拟异步方法
function asyncMethodA() {
  return new Promise(resolve => {
    setTimeout(() => {
      console.log('异步方法A完成');
      resolve();
    }, 1000);
  });
}

function asyncMethodB() {
  return new Promise(resolve => {
    setTimeout(() => {
      console.log('异步方法B完成');
      resolve();
    }, 1000);
  });
}

// 链式调用实现依次执行
asyncMethodA()
  .then(() => asyncMethodB())
  .then(() => {
    console.log('所有异步方法执行完毕');
  });

方式二：async/await语法

这是ES2017引入的语法，写起来更像同步代码，可读性更高：

async function executeInSequence() {
  await asyncMethodA(); // 等待A完成
  await asyncMethodB(); // 再执行B，等待B完成
  console.log('所有异步方法执行完毕');
}

executeInSequence();

问题2：通过Promise实现多参数数据获取并返回统一结构 #

你的需求是并行获取三类数据，最终整合成{countries: [], cities: [], regions: []}的结构，这里用Promise.all()最合适——它可以同时发起多个Promise请求，等所有请求都成功后再统一处理结果。

假设我们先有三个模拟获取对应数据的异步函数（你可以替换成实际的API请求逻辑）：

// 模拟获取国家数据
function fetchCountries(countryId) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve([{ id: countryId, name: '中国' }]);
    }, 500);
  });
}

// 模拟获取城市数据
function fetchCities(cityId) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve([{ id: cityId, name: '北京' }]);
    }, 500);
  });
}

// 模拟获取地区数据
function fetchRegions(regionId) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve([{ id: regionId, name: '朝阳区' }]);
    }, 500);
  });
}

接下来结合你给出的代码片段，改造实现需求：

// 假设传入的三个参数值
const countryParam = 1;
const cityParam = 2;
const regionParam = 3;

// 创建并行执行的Promise数组
const promiseArray = [
  fetchCountries(countryParam),
  fetchCities(cityParam),
  fetchRegions(regionParam)
];

// 用Promise.all等待所有请求完成，然后组装结果
const combinedPromise = Promise.all(promiseArray)
  .then(([countries, cities, regions]) => {
    // 解构返回的结果数组，组装成目标结构
    return { countries, cities, regions };
  })
  .catch(error => {
    // 处理任何一个请求失败的情况
    console.error('获取数据失败:', error);
    throw error; // 可以抛出错误让上层调用者处理
  });

// 使用这个Promise
combinedPromise.then(result => {
  console.log('最终结果:', result);
  // 这里可以继续处理结果
});

如果你更喜欢async/await的写法，也可以这样写：

async function getCombinedAddressStructure(country, city, region) {
  try {
    // 并行发起三个请求，等待全部完成
    const [countries, cities, regions] = await Promise.all([
      fetchCountries(country),
      fetchCities(city),
      fetchRegions(region)
    ]);
    return { countries, cities, regions };
  } catch (error) {
    console.error('获取地址结构失败:', error);
    throw error;
  }
}

// 调用示例
getCombinedAddressStructure(1, 2, 3)
  .then(result => console.log(result))
  .catch(err => console.error(err));

需要注意的是：Promise.all()是快速失败的——只要有一个Promise被拒绝，整个Promise.all就会立即抛出错误，所以一定要加上错误处理逻辑。

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