作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在努力解决 Typescript 上的函数重载问题,也许有人能够更深入地解释它是如何工作的。
所以,任务很简单:我有一个 Point 类,上面有 x, y: number 变量。
我需要用三个实现来创建函数距离,实现是:
- no args: distance from this point to (0, 0);
- `distance(other: Point)` - distance from this point to a given instance of
`Point`;
- `distance(x, y)` - distance from this point to a given point (x, y).
我的代码是:
distance(): number;
**distance**(other?: Point): number;
distance(x?: number, y?: number) {
return 42;
}
linter 一直用这个对我大喊大叫:
怎样才能达到想要的结果来满足条件?
如果我有原始类型,我知道如何做到这一点,但我在第二个实现中遇到了这种特定的“Point”类型。
如果我会写一些类似other?: Point | 的内容{x?: number, y?: number}
它也不起作用。
很高兴获得有关此问题的任何信息或有用的链接资源。
最佳答案
这些用 Typescript 编写的方式基本上是:
signature1()
signature2()
implementationThatCombinesAllPreceding();
因此,如果我们想重写您的函数,它必须(可能)看起来像这样:
distance(): number;
distance(other: Point): number;
distance(x: number, y: number);
distance(arg1?: Point|number, arg2?: number) {
return 42;
}
第四个“实现”签名不会出现在用户的自动完成系统中,因此您不必担心它“丑陋”。
但它是所有 3 个早期签名的组合。在函数体内,您必须根据参数类型确定调用了哪种形式。
关于typescript - 方法重载不适用于 Typescript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67047965/
我是一名优秀的程序员,十分优秀!