如何在TypeScript中区分不同的对象类型？
在 TypeScript 中，区分不同的对象类型可以通过多种方式实现，具体取决于你的需求和对象的结构。以下是几种常见的方法：
- 使用类型别名和接口： 你可以使用类型别名（type alias）和接口（interface）来定义不同的对象类型，然后在代码中使用类型守卫（type guards）来区分它们。
- 使用联合类型和类型守卫： 联合类型允许你将多个类型组合在一起，并使用类型守卫来区分具体的类型。
- 使用
in操作符：in操作符可以检查对象是否具有特定的属性，从而区分不同的对象类型。 - 使用
instanceof操作符：instanceof操作符可以检查对象是否是某个类的实例。
以下是每种方法的示例：
方法 1：使用类型别名和接口
interface Dog {
type: 'dog';
bark: () => void;
}
interface Cat {
type: 'cat';
meow: () => void;
}
type Animal = Dog | Cat;
function handleAnimal(animal: Animal) {
if (animal.type === 'dog') {
animal.bark();
} else if (animal.type === 'cat') {
animal.meow();
}
}
const myDog: Dog = { type: 'dog', bark: () => console.log('Woof!') };
const myCat: Cat = { type: 'cat', meow: () => console.log('Meow!') };
handleAnimal(myDog); // Output: Woof!
handleAnimal(myCat); // Output: Meow!方法 2：使用联合类型和类型守卫
type Dog = {
bark: () => void;
};
type Cat = {
meow: () => void;
};
type Animal = Dog | Cat;
function isDog(animal: Animal): animal is Dog {
return (animal as Dog).bark !== undefined;
}
function handleAnimal(animal: Animal) {
if (isDog(animal)) {
animal.bark();
} else {
(animal as Cat).meow();
}
}
const myDog: Dog = { bark: () => console.log('Woof!') };
const myCat: Cat = { meow: () => console.log('Meow!') };
handleAnimal(myDog); // Output: Woof!
handleAnimal(myCat); // Output: Meow!方法 3：使用 in 操作符
type Dog = {
bark: () => void;
};
type Cat = {
meow: () => void;
};
type Animal = Dog | Cat;
function handleAnimal(animal: Animal) {
if ('bark' in animal) {
animal.bark();
} else {
animal.meow();
}
}
const myDog: Dog = { bark: () => console.log('Woof!') };
const myCat: Cat = { meow: () => console.log('Meow!') };
handleAnimal(myDog); // Output: Woof!
handleAnimal(myCat); // Output: Meow!方法 4：使用 instanceof 操作符
class Dog {
bark() {
console.log('Woof!');
}
}
class Cat {
meow() {
console.log('Meow!');
}
}
type Animal = Dog | Cat;
function handleAnimal(animal: Animal) {
if (animal instanceof Dog) {
animal.bark();
} else if (animal instanceof Cat) {
animal.meow();
}
}
const myDog = new Dog();
const myCat = new Cat();
handleAnimal(myDog); // Output: Woof!
handleAnimal(myCat); // Output: Meow!相关·内容
1回答
如何在TypeScript中区分不同的对象类型？= { c: 1// valid 我希望obj仅在以下情况下有效 { b:string c:number
} 而不是并集类型或交集类型的行为
浏览 17提问于2020-12-16得票数 1
1回答
表E071存储来自传输请求的对象。其中有一个名为OBJECT的4个字符字段，用于存储对象类型。如PROG用于程序，TABD用于表等。在SE11中，当您查看一个structure对象时，如果它是一个普通的结构，它就会显示一
浏览 3提问于2019-01-23得票数 2
回答已采纳
这很好，当我和Angular2一起学习TypeScript时，我开始感到困惑。我意识到TypeScript可以定义内置类型，如字符串、数字和对象，而TypeScript将在编译时生成JavaScript。这里开始了我的困惑，TypeScript是如何在JavaScript上定义泛型类型的，因为JavaScript是基于原型的语言，它不能定义类型。
例如，如何将下列
浏览 5提问于2017-01-25得票数 1
回答已采纳
我一直在使用带有标签的工会类型来处理打字稿的歧视，我遇到了一些奇怪的事情。如果我打开实际的object属性，一切都按预期工作。但是如果我使用析构，类型记录会报告一个错误。我认为这与编译时的析构实际工作方式有关，但我不确定。
浏览 1提问于2018-09-06得票数 3
回答已采纳
我想声明一个名为Date的类，它具有一个类型为Date的属性(如JavaScript 的TypeScript接口中的那样)。但是，编译器假定我的属性与我声明的类的类型相同。我怎样才能区分这两者呢？如果日期接口在模块中，我可以使用模块名来区分，但是它似乎位于全局命名空间中。我的Date类在一个模块中。
浏览 0提问于2014-10-27得票数 6
回答已采纳
假设我有以下代码：如何编写一些代码来确定x是第一类型还是第二类型？我考虑过的事情：
给他们两个人一个共同的type属性。同样，对于仅用作一个
浏览 0提问于2016-09-28得票数 2
回答已采纳
2回答
让我们在typescript中定义类： public id: number; public toString(): string{ }如何在TypeScript中区分类和普通对象？const user1: User = new User();这两种方
浏览 0提问于2020-02-19得票数 1
因此，我在typescript中发现了一个技巧，通过将对象类型映射到键值对，然后使用keyof类型在映射中创建一个可以是任何值的类型，从而将对象类型转换为可区分的联合。following type如果您想指定一个非常大的</
浏览 11提问于2017-08-25得票数 1
回答已采纳
这些Java "RestClasses“被序列化为JSON，并由我们的JS/TS代码解析为一个对象。我唯一关心的是我们的Typescript和Java代码之间的差距。我们目前所做的是--目前我们在typescript中编写并行接口/类型。
我希望源类型只写一次。我想要做的是:在每个Java提交时，生成一个json对象(或者表示
浏览 2提问于2019-08-16得票数 0
如何在TypeScript中基于另一个对象的类型创建对象obj2 = new "obj1.constructor.name"
我必须这样做，因为Object1可以有不同的类。
浏览 1提问于2016-08-12得票数 0
3回答
我想声明几个简单的类型，以区分字符串，如"url“、”绝对url“、"json”等等。只需在提示中显示已声明的类型就足够了，但类型检查会更好(即"url“不能传递给期望”绝对url“的函数)。问题是，type TypeScript/VSC理解，"url“是一个字符串，并跳过我声明的类型。有没有任何方法，在提示中显示
浏览 3提问于2020-08-03得票数 0
回答已采纳
2回答
我是MongoDB的新手，我正在从事一个专业的网络项目，在这个项目中，我必须区分模式中相同字段的ObjectId。，如事件邀请、连接请求的邀请(如LinkedIn )、或参加现场会议或讨论的邀请。现在，如果我遵循上面的模式，那么不同类型的邀请的ObjectId将存储在同一个字段中，这将不是泛型的，很难获取或区分
浏览 1提问于2014-12-27得票数 2
回答已采纳
我希望将不同的回调函数作为参数传递，并使用适当的参数调用它们。 expect(dualArg('1', idem)).toBe(1);对于普通参数，TypeScript将其作为特定类型的对象来处理，instanceof就足够了，但是对于函数，似乎没有任何类似的东西。如
浏览 3提问于2018-02-21得票数 0
回答已采纳
给定以下类型定义： name: string; purchasePrice: number; soldAt: string;};
为什么TypeScript如何让TypeScript强制执行这个不变量呢？
浏览 3提问于2019-10-26得票数 0
我在用写TypeScript。我正在尝试翻译我在JavaScript中已经拥有的东西。grunt.registerMultiTask('clean', function() {
this.files.forEach(function(f
浏览 3提问于2015-03-07得票数 77
回答已采纳
我在TypeScript中有四个实体(模型)如下：export interface BaseClass { entityId: string; operationType: string;在我的组件中，如何像在例如:有一个名为，如
浏览 1提问于2019-05-27得票数 0
回答已采纳
有以下类型： type TypeA = { name: string; desc: string; gender: string;
type TypeAll = TypeA | TypeB | TypeC; 我寻找了解决方案，发现Typeguards是检查自定义类型的最优雅的方式但在所有示例中，它们都会过滤该类型的显式属性。像这样
浏览 26提问于2020-04-17得票数 1
回答已采纳
我正在将我的代码从Javascript转换为Typescript我的代码在Javascript中工作，但它在Typescript中有错误 以下是代码 const jsonData = {{} 如您所见，我有一个名为jsonData的对象
浏览 7提问于2021-02-05得票数 0
回答已采纳
2回答
我正在使用node.js和mongoose开发我的应用程序。我有一个名为categories的模式，它包含一个名为content的键，我需要为它分配不同类型的对象，如bellow。Schema.Types.ObjectId, ref: "Videos" }, ]因此type
浏览 0提问于2019-12-02得票数 2
有没有办法在运行时区分接口属性是必需的，还是不需要的？: number;现在在运行时，我需要从某个JSON文件中读取配置，将其保存到某个IPagination类型的属性中，并希望使用接口元数据来检查配置的有效性(在我的示例中，如果有两个配置，一个有defaultPageSize，另一个没有，那么它们都是有效的)。
浏览 0提问于2019-07-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
