Typescript:如何设置方法返回值=>子类
Typescript是一种静态类型的编程语言，它是JavaScript的超集，可以在编译时进行类型检查。在Typescript中，可以使用箭头函数（Arrow Function）来设置方法的返回值。
要设置方法的返回值为子类，可以使用类型注解或类型推断来指定返回值类型。以下是两种常见的方法：
- 使用类型注解：
class ParentClass {
// 父类方法
method(): ParentClass {
// 方法实现
return new ParentClass();
}
}
class ChildClass extends ParentClass {
// 子类方法
method(): ChildClass {
// 方法实现
return new ChildClass();
}
}在上述代码中，父类ParentClass的method方法返回类型被注解为ParentClass，子类ChildClass重写了该方法并将返回类型注解为ChildClass。
- 使用类型推断：
class ParentClass {
// 父类方法
method() {
// 方法实现
return new ParentClass();
}
}
class ChildClass extends ParentClass {
// 子类方法
method() {
// 方法实现
return new ChildClass();
}
}在上述代码中，父类ParentClass的method方法没有显式指定返回类型，但由于子类ChildClass重写了该方法并返回ChildClass类型，编译器会自动推断出父类方法的返回类型为ChildClass。
无论是使用类型注解还是类型推断，都可以实现方法返回值为子类的设置。这样做的好处是可以在编译时进行类型检查，确保返回的对象符合预期的类型。
关于Typescript的更多信息和使用方法，可以参考腾讯云的相关产品和文档：
相关·内容
在react本机中，我扩展了ORM类(根据它的文档)，但是我在VSCode TypeScript检查器中得到了以下错误：
Class static side 'typeof Animal' incorrectly extends base class static side 'typeof BaseModel'.
Types of property 'database' are incompatible.
Type '() => Promise<SQLite.WebSQLDatabase>' is n
浏览 4提问于2022-03-07得票数 4
回答已采纳
1回答
我是一个使用第三部分库的库，其类型如下：
export interface ThirdPartyNodeType {
id: string;
name: string;
data: any;
}
现在我知道我想把什么放在ThirdPartyNodeType.data里了：
export interface MyOwnDataProperties {
foo: string;
bar: string;
}
我如何告诉TypeScript“我不希望这个ThirdPartyNodeType.data成为any --它必须是MyOwnDataProperties的类型”？
浏览 1提问于2022-09-29得票数 2
如何找到安装在Windows计算机上的TypeScript的版本号？我正在使用Atom编辑器，并安装了原子类型脚本包。如果它不是最新版本，我如何更新到当前版本的TypeScript？
浏览 4提问于2015-07-22得票数 0
回答已采纳
我有一个箭头功能：
const getCsrfToken = async () => {
const csrfTokenResponse = await axios.get<any, AxiosResponse<CSRFToken>>(csrfUrl);
if (csrfTokenResponse?.data) {
return csrfTokenResponse.data;
}
return Error('Failed to fetch CSRF token.');
};
TypeScript给出了以下警告：
TS2339
浏览 3提问于2021-10-15得票数 1
回答已采纳
Typescript推断类型错误
我希望"something“会有一种"string |null"类型，但vscode会给出"string"
我正在使用typescript 3.3
interface S {
// wrong expectation : "something" has type of string
something : string | null
}
浏览 0提问于2019-02-27得票数 0
1回答
类装饰器(实例级)
、、、
我试图在属性上添加一个类decorator，并在instance中修改这个属性。
这在typescript中很好，但是我不想使用typescript，只使用babel，而不使用任何其他编译器。
我的猜测是，target在el函数中是class而不是instance，而在使用typescript时并非如此。
如果有人知道如何使用babel和不使用typescript来完成这项工作
带类型记录的演示：
仅限babel演示：
function el(type) {
return function descriptor(target, key,dec) {
let value = tar
浏览 6提问于2017-12-23得票数 1
回答已采纳
我有一个可以返回数字、Error或NegativeError的函数
class NegativeError extends Error {
name = 'NegativeError'
}
function doThing (a: number): number | NegativeError | Error {
return a < 0 ? new NegativeError() : a === 0 ? new Error() : a
}
const done = doThing() // T | NegativeError | Error
然而，当我删除签名
浏览 0提问于2021-11-03得票数 1
我实现了一个抽象的、通用的RESTClient。有时并非所有REST操作都已实现，因此我希望在这种情况下抛出一个错误。
如果我重写方法，TypeScript希望我返回指定的类型，即使我抛出了错误。如果我添加return null，它会编译，但是返回是无法达到的。
export class RESTClient<E extends { id: number }, D = Omit<E, 'id'>> extends Client {
protected path: string;
public constructor(path: string, t
浏览 2提问于2019-12-02得票数 3
回答已采纳
由于ReactJS推荐的是功能组件，我正在尝试理解如何使用typescript来限制子道具到另一个功能组件。
interface HumanProps {
children: JSX.Element;
}
const Human = (props: HumanProps) => (
<>{props.children}</>
)
interface HumanParentProps {
children: Human[]; // Question: how to declare this in typescript?
}
const
浏览 11提问于2021-11-28得票数 2
2回答
我有一个简单的测试文件：
describe('index', () => {
it('should bootstrap the app', async () => {
const root = <div />;
jest.spyOn(ReactDOM, 'render');
...
ReactDOM.render.mockImplementationOnce(() => {} );
...
ReactDOM.ren
浏览 3提问于2018-06-18得票数 6
2回答
我想弄清楚如何在atom中使用特定的类型记录版本。我有一个旧的项目，它使用主干，不使用最新版本的类型记录进行编译，因此需要更早的版本。
我发现的最接近的答案是FAQ中的这个答案：
我可以使用自定义TypeScript编译器吗？如果它符合最新的TypeScript服务API，那么是的！只需在包选项中设置typescriptServices.js路径即可。
我不知道该怎么做。我发现的唯一一个typescriptServices.js文件是Visual 2015的一部分，它似乎不应该影响原子或原子类型记录包。
C:\Program Files (x86)\Microsoft Visual S
浏览 7提问于2016-04-19得票数 0
回答已采纳
为什么下面的代码会通过Typescript编译器？
type O = {
name: string
city: string
}
function returnString(s: string) {
return s
}
let o1: O = {
name: "Marc",
city: "Paris",
[returnString("random")]: "London",
}
浏览 0提问于2020-02-21得票数 2
我想看看抽象类中函数的返回类型是否可以被子类覆盖：
Parent.ts
abstract class Parent<T> {
abstract data: T | T[];
// Can this return as T or T[] (not T | T[]) depending on implementation of
// child?
getData() {
return this.data;
}
}
Child.ts
class Child extends Parent<Person> {
data: Person[] =
浏览 2提问于2021-09-21得票数 2
回答已采纳
7回答
我使用TypeScript和一个依赖注入库，它的工作原理非常类似于角1-基本上:用依赖项注册一个工厂作为参数。
这就是我如何在ES6中注册一个类
export let factory = () => {
return class Foo {}
};
如果我用TypeScript编写相同的内容：
export let factory = () => {
return class Foo {}
};
它无法使用错误进行编译。
错误TS4025:导出变量“工厂”已经或正在使用私有名称“Foo”。
有任何方法允许TypeScript从工厂函数返回类吗？
浏览 3提问于2016-02-10得票数 30
Typescript方法
addOneDocument(supplierForm){
const controls = supplierForm.controls;
for(const name in controls){
if (controls[name].invalid) {
controls[name].touched=true;
}
}
}
我想更改此方法以检查特定的表单控件是否有错误。我实际上想要像下面这样的东西
if ((controls[name].invalid)&&(controls[na
浏览 0提问于2020-03-21得票数 0
我正在尝试用jest测试类"a“(继承自类"b")。typescript编译器在编译后的javascript文件前面加上"a“
var __extends = this.__extends || function (d, b) { ... };
不幸的是，在运行单元测试时，this是空的，所以我得到
Cannot read property '__extends' of null
我使用jest-cli@0.2.1运行测试，使用typescript@1.4.1编译我的typescript文件。当文件在浏览器中运行时，this通常会指向窗口。
有人
浏览 1提问于2015-01-27得票数 0
2回答
当我尝试在angular three上上传图片时，在下面的typescript文件中的reader.result上出现错误，我该如何解决这个问题？我在onImagePicked函数中添加了console.log(image)，它也没有显示在控制台中，为什么它不显示在控制台中？ typescript文件 imagePreview:string;
ngOnInit(){
this.form = new FormGroup({
title : new FormControl(null,{validators:[Validators.required]}),
con
浏览 146提问于2019-06-09得票数 0
回答已采纳
我刚开始使用Typescript，不知道如何输入这种情况。我正在编写一个自定义钩子，并试图创建一个回调引用。我的问题是这个函数设置了ref的current，并且不返回任何东西，但是由于我将它用作ref，typescript对我大喊Property 'current' is missing in type '(node: any) => void' but required in type 'RefObject<HTMLDivElement>'。 提前谢谢你。 代码如下： import React, {useCallback,
浏览 51提问于2020-06-13得票数 2
回答已采纳
我遇到了一个问题，我必须实现父方法，并且必须在子类中重写该方法以便进一步实现。为什么会发生这种情况？为什么像Java，Typescript，C#这样的语言不允许这样做呢？
因为你们中的许多人问我为什么需要它。
我有一个用typescript编写的名为Component的父类
class Component {
root : HTMLElement;
constructor(root : HTMLElement) {
this.root = root;
this.decorate();
}
abstract decorate();
浏览 2提问于2016-11-11得票数 0
2回答
使用Java，我们可以创建ActionListener类的一个实例，它有一个抽象方法，如下所示(已经有一段时间了)：
new ActionListener(){
@Override
public void actionPerformed(ActionEvent e) {
// whatever
}
}
使用TypeScript，这是我能得到的最接近的：
export abstract class ActionListener {
constructor(f: any) {
this.actionPerformed = f;
}
abstract a
浏览 1提问于2018-09-06得票数 0
如何在TypeScript中正确定义私有抽象方法？
下面是一个简单的代码：
abstract class Fruit {
name: string;
constructor (name: string) {
this.name = name
}
abstract private hiFrase (): string;
}
class Apple extends Fruit {
isCitrus: boolean;
constructor(name: string, isCitrus: boolean) {
sup
浏览 0提问于2016-12-02得票数 16
回答已采纳
考虑以下示例：(在严格-空-检查中)模式
const fn: (p: { x: number } | null) => void = (p: { x: number }) => console.log(p.x);
fn(null);
这段代码不会在typescript中产生错误，但有一个运行时类型异常。
在我看来，Typescript应该强制目标参数类型(这里是{x: number } | null)可以赋值给源参数类型(这里是{ x: number })，这样，例如null就不会被传递到其他预期的地方，从而导致错误。
为什么它不强制执行呢？这是typescript中的bug吗？或
浏览 27提问于2019-08-05得票数 0
在返回变量的契约中，我有一个函数fn()。然后，我在用TypeScript编写的硬帽子单元测试中测试上述函数的返回变量值。但是，当我console.log调用fn()的输出时，它会记录整个事务收据。
然后，如果我将函数更改为view或pure函数，它将记录返回变量的实际值。问题是，我需要测试函数是否实际上改变了状态变量。我该怎么补救呢？
记录tx收据的函数：
fn() public returns(uint8) {
uint8 numberLogged = 1;
return numberLogged;
}
记录变量值的函数：
fn() public pure /*or vie
浏览 0提问于2021-09-13得票数 2
回答已采纳
2回答
在TypeScript (我的版本: 2.1.1)中，可以像这样设置类型参数的上限：
class Animal {}
class Cat extends Animal {}
class Kitten extends Cat{}
function foo<A extends Animal>(a: A) { /* */ }
如何设置A的下限？以下代码不起作用：
class Animal {}
class Cat extends Animal {}
class Kitten extends Cat{}
function foo<A super Kitten>(a: A)
浏览 6提问于2017-03-08得票数 3
如果您试图拥有一个具有可选属性的Record类，如下所示：
class MyRecord extends Immutable.Record({
field: undefined
}) {
field?: string;
}
...you得到一个TypeScript错误，如下所示：
ERROR in [at-loader] myFile.ts:x:y
TS2415: Class 'MyRecord' incorrectly extends base class 'Instance<{ field: undefined; }> & Readonl
浏览 0提问于2017-03-24得票数 2
回答已采纳
1回答
假设我有以下TypeScript代码：
export const makeMyClass = function(a: string, b: boolean){
const MyClass = function(){
};
MyClass.prototype.foo = function(){};
MyClass.prototype.bar = function(){};
return MyClass;
}
我在弄清楚如何将导出的工厂函数中的代码转换为TypeScript时遇到了麻烦。
例如，如果我这样做：
export const makeMyCla
浏览 0提问于2017-09-23得票数 0
如果这对你来说是个愚蠢的问题，我真的很抱歉。我对TypeScript有点陌生，我承诺过一些事情。我试着在不同的网站上寻找这个解决方案，但是找不到任何相关的东西。请您帮助我们如何接收一组对象，而不是承诺。此外，如果您能够共享一些资源，我将非常感谢您能够找到与TypeScript相关的内容。提前谢谢！
index.ts
interface IFetchLikes {
item_id: string;
likes: number;
}
const fetchLikes = async (): Promise<IFetchLikes[]> =>
浏览 4提问于2021-12-02得票数 0
1回答
我正在使用角2与TypeScript一起构建一个前端应用程序。我有一个通用存储库类：
export abstract class Repository<T extends IEntity>
{
constructor(protected _http: Http) {}
add(entity: T) {}
delete(entity: T) {}
list() {}
get(id: number) {}
update(entity: T) {}
}
然后，我的服务类扩展了我的通用存储库类：
export class Service extends
浏览 1提问于2016-04-28得票数 3
回答已采纳
我想在promisify中使用redis客户端
import type { RedisClient } from "redis";
import * as util from "util";
class MyClass {
private redisClient: RedisClient;
constructor(client: RedisClient) {
this.redisClient = client;
}
getMyData = (): SomeType[] => {
const getAsync: Prom
浏览 1提问于2021-03-04得票数 2
回答已采纳
我对这两个类如何相互通信感到困惑，因为我没有看到它们对其中一个或另一个进行子类划分。UICollectionViewLayout如何准确地将其信息传递给UICollectionView？
浏览 1提问于2016-07-01得票数 0
回答已采纳
在编写iOS应用程序代码时，我发现禁止继承NSNumber、NSNull、...blabla可能是有原因的。
如果我尝试这样做，编译器不会失败，但运行将立即崩溃，没有任何使用信息，有人知道原因吗？
浏览 0提问于2012-12-14得票数 1
回答已采纳
1回答
我希望能够在函数的参数/返回类型中引用当前对象的类型，例如：
在.d.ts中
interface Object {
add(object: Partial<this>): this;
}
在.js中
Object.prototype.add = function(object) {
Object.assign(this, object);
}
此函数的预期行为是只允许参数包含已经通过Partial<this>在对象上定义的属性。但是，在尝试使用时，例如
document.body.style.add({
fontSize: "12px&#
浏览 6提问于2022-09-05得票数 1
回答已采纳
我正在尝试弄清楚如何在NPM电子项目中使用材料设计图标。这个项目是用Webpack 4安装的。根据Google Github page的说法，它只是用npm install material-design-icons安装的。根据此Angular issue，必须将材料CSS文件的路径添加到配置中。在我的项目中，我使用了React，但是没有任何这样的配置文件。所以我想从入口TypeScript文件App.tsx里面导入CSS，就像这样的@import "~material-design-icons/iconfont/material-icons.css";，但是当开始项目的时候
浏览 16提问于2019-01-26得票数 1
回答已采纳
假设以下简化的TypeScript片段：
interface MyInterface {
callbackLambda: (value: string) => void;
callbackFunction(value: string): void;
}
type MyType = "MyValue";
const myObject: MyInterface = {
callbackLambda: (value: MyType): void => {
console.log(value);
},
callba
浏览 2提问于2021-06-28得票数 2
回答已采纳
2回答
我这里有一个扩展点，它指向一个接口：
public interface IModelProcessor {
public void processModel(Object diagramModel);
}
因此，每个想要usw Extensionppoint的插件都必须提供一个带有processModel(Object diagramModel)的IModelProcessor。我的问题是：
现在如何从实现此扩展点的eclipse插件中获取返回值？我当然可以使用返回值，就像这样：
public ReturnContainer processModel(Object diagramMo
浏览 0提问于2011-11-21得票数 1
我希望Typescript函数能返回多个值。我该怎么做呢？另外，我该如何声明类型？
例如，我想要实现这样的结果：
let [text, value] = ReturnTwoValues("someinputstring")
浏览 0提问于2020-08-22得票数 6
1回答
结构分型与多态性--添加超级类型
、、、、
下面是使用语法从TypeScript获取的示例代码(多态)，
export abstract class AbstractControlDirective {
...
}
AbstractControlDirective 亚型
export abstract class NgControl extends AbstractControlDirective {
...
}
export abstract class ControlContainer extends AbstractControlDirective {
...
}
export declare abstra
浏览 0提问于2018-04-28得票数 1
回答已采纳
TypeScript允许我们将数组类型的变量别名为超级类型的变量(TypeScript数组是协变的)：
const nums: number[] = [];
const things: (number | string)[] = nums;
things.push("foo");
nums[0] *= 3;
console.log(nums[0]); // `NaN` !!
为什么？这似乎是一个保护我们不受运行时错误影响的好地方。考虑到Java是如何被嘲笑为具有协变数组的，这似乎是有意的TS特性。
这是别人在上问的，但我没有看到任何答案。
浏览 4提问于2020-03-28得票数 8
回答已采纳
对于iOS (Cocoa Touch)，可以转到main.m，将UIApplicationMain(int argc, char *argv[], nil, nil)中的第四个参数替换为应用程序委托的类名，然后根据需要构造视图。但是，Cocoa (Mac)项目在main.m中有以下内容：
return NSApplicationMain(argc, (const char **)argv);
所以基本上的问题是:如果没有MainMenu.xib，如何将应用程序的委托交给Cocoa应用程序？
浏览 1提问于2011-08-05得票数 13
回答已采纳
在TypeScript中实现这一点的最佳(适当)方法是什么？$Foo.getInstance('uid')应该基于实现返回一个FooInstance吗？
我希望在abstact类Entity中有一个从池中获取实例的方法，以返回已实现的EntityInstance。
abstract class Entity {
abstract Instance: Partial<typeof EntityInstance>;
instances: { [uid: string]: EntityInstance } = {};
getInstance (ui
浏览 1提问于2021-04-02得票数 0
回答已采纳
我在.h文件中有以下代码，但我不确定赋值语句是做什么的，以及如何正确调用它？
virtual void yield() = 0;
我以为这个函数默认返回值为0，但是因为这个函数返回void，所以我有点困惑。有没有人能对此发表评论，也许会说，我该如何引用这个任务，我的意思是，它在C++行话中是如何命名的？
谢谢。
浏览 0提问于2010-03-26得票数 49
1回答
例如
public abstract class ParentClass {
public abstract FooType getFoo();
...
}
然后就像
public abstract class SomeClass extends ParentClass {
public abstract SpecialFooType getFoo(); //clashes with the parent!
...
}
在本例中，来自SomeClass的SomeClass()应该是实现接口SpecialFooType的FooType。但是，我不知道如何设置这
浏览 4提问于2016-11-03得票数 1
回答已采纳
我有一个NSControl子类(它被配置为一个层托管视图，尽管我怀疑它是否相关)。我一直在尝试编写代码来获取和显示上下文菜单。但是，menuForEvent:和rightMouseDown:都不会被调用。知道是什么原因造成的吗？其它鼠标事件工作正常。
顺便说一句，我不确定是否必须自己调用menuForEvent:，但文档让它听起来好像不需要，这就是为什么我首先尝试覆盖它。无论如何，我至少应该期望rightMouseDown:被称为…
相关: AppKit似乎无法将Ctrl+Click识别为鼠标右键单击。大概我必须在mouseDown:中检查这个条件，然后手动调用rightMouseDown:。
浏览 0提问于2009-09-07得票数 1
回答已采纳
为了在DLL中使用类，为了实现编译器之间的兼容性，将使用来自的方法。这要求类作为“接口”从抽象类派生，并覆盖抽象类的函数。如果DLL的类具有返回该类值的函数，那么如何派生它并重写抽象类的函数，因为函数必须具有相同的返回值，并且不能返回抽象类的值。除了创建第三个未导出的类，该类可以很容易地转换为将不丢失数据导出的原始类之外，如何以与其他编译器一起工作的方式从DLL导出该类？
原始代码:只适用于同一编译器。
#pragma once
#ifdef UNSIGNEDBIGINT_EXPORTS
#define UNSIGNEDBIGINT_API __declspec(dllexport)
#el
浏览 4提问于2018-01-16得票数 3
回答已采纳
我有以下儿童班：
export default class File extends Model {
selected = false
}
家长们：
export default class Model {
constructor (attributes = {}) {
if (new.target === Model) {
throw Error('Not allowed to instantiate Model')
}
Object.assign(this, attributes)
}
static build (at
浏览 0提问于2019-11-06得票数 0
回答已采纳
1回答
如何使用multicast()操作符以及RxJS 5.5中新推荐的使用pipe()而不是链式运算符的方法？当我像以前一样尝试使用TypeScript时，我会得到一个connect()错误：
const even$ = new Subject();
const connectedSub = interval(500)
.pipe(
filter(count => count % 2 === 0),
take(5),
multicast(even$)
)
.connect();
even$.subscribe(val
浏览 0提问于2018-05-04得票数 2
回答已采纳
我的类有一个state字段和一个setState函数，类似于React： abstract class ClassWithPartial {
onStart() {}
state = {}
setState(newState: Partial<this["state"]>) {
this.state = {...this.state, ...newState}
}
}
class ClassThatExtends extends ClassWithPartial {
override state =
浏览 21提问于2021-06-22得票数 1
我经常在TypeScript中遇到TypeScript类型的错误。虽然我读过这些文档，但我还是不太了解现有的问题。我希望有人能帮我更好地理解它。下面是TS文档中的一个示例，它让我的头脑开始旋转：
type GetReturnType<Type> = Type extends (...args: never[]) => infer Return
? Return
: never;
type Num = GetReturnType<() => number>;
type Str = GetReturnType<(x: string) =>
浏览 7提问于2021-05-26得票数 3
回答已采纳
我有两个Nan::ObjectWrap子类
class Zyre: public Nan::ObjectWrap {...}
class ZyreEvent: public Nan::ObjectWrap {...}
如何从Zyre中的方法返回ZyreEvent javascript对象
我有以下方法，在其中我创建了一个ZyreEvent
NAN_METHOD (Zyre::_recv) {
Zyre *node = Nan::ObjectWrap::Unwrap <Zyre> (info.Holder ());
ZyreEvent *zyre_event = new Z
浏览 20提问于2016-08-06得票数 4
在TypeScript中，我偶然发现了一种奇怪的情况，代码如下：
function staticImplements<T>() {
return (constructor: T) => {};
}
enum FruitList {
APPLE,
BANANA,
PEAR,
}
interface FruitInterface {
fruit: FruitList;
}
abstract class Fruit implements FruitInterface {
fruit: FruitList;
constr
浏览 1提问于2018-03-01得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
