Promise的resolve能支持多个参数吗？若能，Object.assign()怎么用呢？

前端

2023-11-01 17:19:16

Promise.resolve() 与 Object.assign()：简化异步操作结果处理

在处理异步操作时，Promise.resolve() 和 Object.assign() 两个方法可以发挥重要作用，让我们深入了解它们是如何工作的以及如何组合使用以简化代码。

Promise.resolve()

Promise.resolve() 方法用于将一个值或对象转换成一个已完成状态的 Promise。当异步操作完成后，它通常被用来将结果封装成一个 Promise，这样后续操作就可以轻松地处理结果。

关键特性：

Promise.resolve() 可以接收多个参数。
所有参数会被组合成一个数组，而不是作为独立的参数传递给后续处理函数。

示例代码：

const promise = Promise.resolve(1, 2);
promise.then((result) => {
  // result 是一个包含 [1, 2] 数组
});

Object.assign()

Object.assign() 方法用于将一个或多个源对象的属性复制到目标对象。它可以用来合并多个对象或扩展现有对象。

关键特性：

Object.assign() 接受两个或更多对象参数。
源对象的所有可枚举属性都会被复制到目标对象。

示例代码：

const obj1 = { name: 'John', age: 30 };
const obj2 = { city: 'New York' };
const newObj = Object.assign({}, obj1, obj2);
// newObj 包含三个属性：name、age 和 city

结合使用 Promise.resolve() 和 Object.assign()

Promise.resolve() 和 Object.assign() 可以结合使用，以简化异步操作的结果处理。通过使用 Promise.resolve() 将结果封装成一个 Promise，我们可以使用 Object.assign() 将结果合并到一个对象中。

示例代码：

function asyncOperation() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve({ name: 'John', age: 30 });
    }, 1000);
  });
}

asyncOperation().then((result) => {
  const obj = Object.assign({}, result, { city: 'New York' });
  console.log(obj);
});