Flow-js 如何创建符合数组与对象交叉类型的变量

我来帮你搞定这个Flow类型的变量创建需求！你定义的QueryResults是数组类型与对象类型的交叉类型，意味着变量既要满足是Array<Object>，又可以拥有insertId、affectedRows、changedRows这几个可选属性。

首先先明确你的完整类型定义：

/* @flow */
type QueryResults = Array<Object> & {
  insertId?: string | number,
  affectedRows?: number,
  changedRows?: number
};

创建匹配变量的几种方法 #

因为JavaScript里数组本身也是对象，所以我们可以通过以下方式创建符合这个交叉类型的变量：

1. 使用Object.assign合并数组与属性对象

这是最直接的方式，把数组元素和额外属性一次性合并：

const queryResults: QueryResults = Object.assign(
  [{ id: 1, name: "Alice" }, { id: 2, name: "Bob" }],
  {
    insertId: 456,
    affectedRows: 2,
    changedRows: 0
  }
);

2. 先定义数组，再手动添加属性

先创建符合Array<Object>的数组，再给它添加对应的对象属性：

const queryResults: QueryResults = [{ status: "success" }];
// 添加可选属性
queryResults.insertId = "user_789";
queryResults.affectedRows = 1;

3. 仅包含数组元素（无额外属性）

因为那几个属性都是可选的，所以只定义数组元素也是完全符合类型要求的：

const queryResults: QueryResults = [{ id: 3 }, { id: 4 }];

小提示：为什么不能直接用字面量写？ #

你可能试过类似[{...}, insertId: 123]的写法，但这在JavaScript里是不合法的语法——数组字面量只能包含元素，不能直接声明对象属性。所以必须通过上述方式给数组（本质是对象）添加额外属性。

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