- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在 TypeScript 中,我想创建一个联合类型来表示属于一个或多个不同类型的值,类似于 oneOf
在 OpenAPI或 JSON Schema .根据a previous answer on a similar question ,TypeScript 中的联合运算符应该执行此操作,因为它表示集合联合(包含或)。但是,当 using the in operator as a type guard 时,这与 TypeScript 中的类型推断行为不匹配。 ,它似乎假设值完全属于联合类型之一(析取联合或异或)。作为一个简单的例子,这个 leads to a type error :
interface SoftwareDeveloper { code(): void; }
interface Chef { cook(): void; }
type SoftwareDeveloperOrChef = SoftwareDeveloper | Chef;
// Determined at runtime. May have the code method, the cook method, or both.
const person = { code: () => { }, cook: () => { } };
const softwareDeveloperOrChef: SoftwareDeveloperOrChef = person;
if ("code" in softwareDeveloperOrChef) {
// softwareDeveloperOrChef has inferred type SoftwareDeveloper
softwareDeveloperOrChef.code();
// Coding is hungry work
if ("cook" in softwareDeveloperOrChef) {
// Not allowed, since softwareDeveloperOrChef has inferred type never
softwareDeveloperOrChef.cook();
}
}
为了获得我想要的行为和avoid type errors ,我必须手动将交集类型的所有组合添加到联合中:
type SoftwareDeveloperOrChefOrBoth = SoftwareDeveloper | Chef | (SoftwareDeveloper & Chef);
const softwareDeveloperOrChefOrBoth: SoftwareDeveloperOrChefOrBoth = person;
if ("code" in softwareDeveloperOrChefOrBoth) {
// softwareDeveloperOrChef has inferred type SoftwareDeveloper | (SoftwareDeveloper & Chef)
softwareDeveloperOrChefOrBoth.code();
if ("cook" in softwareDeveloperOrChefOrBoth) {
// Allowed, since softwareDeveloperOrChefOrBoth has inferred type SoftwareDeveloper & Chef
softwareDeveloperOrChefOrBoth.cook();
}
}
一个中间问题可能是这是否是我应该期望的行为?但是,考虑到它是已实现的行为,我实际上对为任意数量的类型构造非析取联合类型的方法更感兴趣。随着类型数量的增加,手动执行此操作会导致联合类型定义的大小呈指数增长:
type AorB = A | B | A & B;
type AorBorC = A | B | C | A & B | A & C | B & C | A & B & C;
type AOrBOrCorD = A | B | C | D | ... | B & C & D | A & B & C & D;
我可以为特定数量的参数编写通用类型:
type AnyOf2<A, B> = A | B | A & B;
type AnyOf3<A, B, C> = AnyOf2<A, AnyOf2<B, C>>;
type AnyOf4<A, B, C, D> = ...;
但是我可以使用类似于 AnyOf<A | B>
中使用的技术来制作一个采用任意数量类型的类似泛型类型,例如联合 ( UnionToIntersection
)实用类型 implemented here ?
最佳答案
出现错误的原因是使用联合类型不能正确地允许 SoftwareDeveloperOrChef
两者都是 SoftwareDeveloper
和 Chef
.如果我们知道对象是 SoftwareDeveloper
那么我们根本没有关于 cook
的任何信息属性(property)——可以是任何东西。它不必是预期类型的函数。
您的 type AnyOf2<A, B> = A | B | A & B;
就快完成了,但是当我们处理对象的属性时,我们可以使用 Partial
和 Required
以获得更好的类型。
我们希望为 SoftwareDeveloperOrChefOrBoth
实现的最终类型是cook
和 code
都是可选函数,但至少有一个是必需的。
试试这个:
type EitherOrBoth<A, B> = Partial<A & B> & (A | B);
type SoftwareDeveloperOrChef = EitherOrBoth<SoftwareDeveloper, Chef>;
一个变化是使用Partial
你不能再使用 "code" in softwareDeveloperOrChef
作为类型保护,因为对象可以将属性键显式设置为 undefined
.例如{code: undefined; cook: () => {};}
是我们类型的有效成员。
但是这段代码 check out
const softwareDeveloperOrChef: SoftwareDeveloperOrChef = person;
if (softwareDeveloperOrChef.code) {
softwareDeveloperOrChef.code();
if (softwareDeveloperOrChef.cook) {
// this is allowed now
softwareDeveloperOrChef.cook();
}
}
编辑
根据我们在评论中的讨论,您需要单独的接口(interface) SoftwareDeveloper
和 Chef
有多种方法,您希望能够确定 Chef
中的一种方法是否有效存在,Chef
的所有其他方法也将出席。
为了最大限度的类型安全,组合 SoftwareDeveloperOrChefOrBoth
type 应该明确声明任何成员必须拥有 Chef
的所有方法或者没有。
此实用程序类型 Not<T>
通过说 T 的任何键不能设置为 undefined
以外的任何值来处理此问题:
export type Not<T> = {
[P in keyof T]?: never;
};
请注意,仅不包括该属性并不表示无法设置它。如 linked thread 中所述, 和你的 type AorB
当创建一个新的无效对象(一个具有 SoftwareDeveloper
的所有方法和一些但不是所有 Chef
的方法)时,您会得到一个错误,但在将类型分配给现有对象时不会,因为这个无效对象可分配给A
因此也可以分配给 AorB
.
而不是宽松的 EitherOrBoth<A,B>
之前建议的类型,这里是一个更严格的强制排他性的类型:
type ExclusiveAndOr<A, B> = A & Not<B> | B & Not<A> | A & B;
type SoftwareDeveloperOrChef = ExclusiveAndOr<SoftwareDeveloper, Chef>;
有了这个类型,就不再只是假设一个人可以cook
他们也可以chop
.
function checkPerson( softwareDeveloperOrChef: SoftwareDeveloperOrChef ) {
if (softwareDeveloperOrChef.code) {
softwareDeveloperOrChef.code();
if (softwareDeveloperOrChef.cook) {
// should be ok
softwareDeveloperOrChef.cook();
// ok to assume all methods exist
softwareDeveloperOrChef.chop();
} else {
// should be error
softwareDeveloperOrChef.chop();
}
}
}
关于typescript - TypeScript 中任意数量类型的非析取联合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62698675/
我有几个带有视频和图像的 Bootstrap slider 。在 slider 之外,我想要一个可以转到包含视频的幻灯片的按钮。包含视频的幻灯片的数量因 slider 而异。我想做的是获取幻灯片的数量
我在编写一个查询时遇到了一些问题。 我有一个由文件及其大小(以字节为单位)组成的表。它看起来像这样: FileUrl | FileSize ------------------ xyz.docx |
我有一个带 iframe 的网站和一个带另一个 iframe 的网站,所以它是一个 iframe 内嵌另一个 iframe(都在不同的域上)。那么有没有办法从父div或父主div的url(parent
以下表达式在 JavaScript 中给出了特殊的结果。 typeof (5 + "7") // Gives string typeof (5 - "7") // Gives number 如
我有一个名为“交易”的表,每当有人在我的网站上进行购买时,我都会在其中输入用户 ID、购买类型和金额。 我想向每个用户显示过去 7 天的这些统计信息。 目前,我有这个: $data = array()
我一整天都在努力寻找解决这一挑战的办法。 我有一张 table : id | amount | type | date |
我正在尝试在 10 个数据节点的集群中测试 Map reduce 程序的性能。在此过程中,我使用了 5 个 Reducers,然后是 10 个等等。 我在想增加 reducer 的数量也会使工作完成得
我正在使用 html5 输入 type="number"。我想监视此输入的变化,但是: 因为在支持它的浏览器中 它有旋转控件 我不能只监视 .keyup, 因为我不想等待它失去焦点,所以我不能只监视
我的购物车表格有问题。我创建了一个如下所示的表格: SQL Fiddle 我的问题是我希望能够选择产品 ID,并计算该产品 ID 在表格中重复的次数,以便我可以显示用户在购物车中拥有的商品数量。 寻找
我使用许多包含来显示我网站的一小部分。使用许多 include 是否合适,或者我应该减少它们(尽可能多)。包含函数要多花多少时间? 我的主页加载速度很慢。有什么方法可以让它加载更快。 (我的主页每天在
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: length of array in function argument 我的数组大小是5。例如: arrC
是否有标准的 Python 方法来处理 Python 中的物理单位/数量?我看到了来自不同领域(如物理学或神经科学)的不同模块特定解决方案。但我更愿意使用标准方法而不是“孤岛”解决方案,因为其他人应该
基本上就像标题所说的那样,有没有办法从 JavaScript 程序中查看事件循环中当前存在多少个 promise ?最好在 Deno 上。 最佳答案 Deno v1.26 添加了一个内部 API,可用
我只是想知道大型项目-比如说航空公司的预订系统,它可能有多少类/对象。 对象:客户,飞机,机场,路线,机票,订单。这就是我能想到的。该项目可能是成千上万的代码行,那么是否可能会有更多的类(执行与对象无
如果有办法限制Scala中未处理的 future 数量,我将无法提供资金。 例如下面的代码: import ExecutionContext.Implicits.global for (i
从昨天开始,我一直在努力做到这一点,尽管还没有运气。我找到了解决方案,在我想要完成的事情上总是有细微的差别。 我试图获得所有可能的组合,稍微像这样:combination_k ,但我也希望相同的项目与
我正在尝试更新 1500 个 QuickBooks Online 库存项目的现有数量。我可以从商店中提取 1500 种产品。 这个更新可以做吗?我看到手头没有数量的物品: https://develo
我想与工作人员一起扩展应用程序。 可能有 1 名 worker 或 100 名 worker ,我想无缝扩展它们。 这个想法是使用副本集。然而,由于特定领域的原因,扩展它们的适当方法是让每个工作人员知
Android Studio 有没有办法显示 XML 布局中存在的 View 数量?众所周知,布局应该包含 <=80 个 View ,因此超过此值就会出现此警告,因此告知数量会非常有帮助。 Layou
虽然编码时总是出现有关 IBOutlet 保留计数的相同问题:从 NIB 取消归档对象后保留计数?何时对 IBOutlet 使用 @property?设置时保留还是分配? Mac 和 iPhone 之
我是一名优秀的程序员,十分优秀!