首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在下面的示例中,为什么` `fleet: vehicle3`没有抛出错误?

在下面的示例中,为什么` `fleet: vehicle3`没有抛出错误?
EN

Stack Overflow用户
提问于 2019-09-20 04:05:20
回答 1查看 15关注 0票数 0

想弄清楚generics的事。

我的理解是const friday:Transport<Car>T设置为Car

既然vehicle3的类型是Bike,为什么TypeScript不抛出错误呢?

代码语言:javascript
复制
'use strict';

interface Vehicle {
  brand: string;
}

interface Bike extends Vehicle {}

interface Car extends Vehicle {}

interface Transport<T> {
  fleet: T;
  manager: string;
}

const vehicle1: Car = {
  brand: 'Honda',
}

const vehicle2: Car = {
  brand: 'Toyota'
}

const vehicle3: Bike = {
  brand: 'Specialized'
}

const today:Transport<Car> = {
  fleet: vehicle1,
  manager: 'Cindy'
};
const tomorrow:Transport<Car[]> = {
  fleet: [vehicle1, vehicle2],
  manager: 'John'
}
const friday:Transport<Car> = {
  fleet: vehicle3,
  manager: 'Steve'
}

编辑

正如Alexey所指出的(谢谢!),TypeScript接口是structural,因此下面的行为和我预期的一样,因为CarBike有冲突的属性。

代码语言:javascript
复制
'use strict';

interface Vehicle {
  brand: string;
}

interface Bike extends Vehicle {
  rider: string
}

interface Car extends Vehicle {
  driver: string
}

interface Transport<T> {
  fleet: T;
  manager: string;
}

const vehicle1: Car = {
  brand: 'Honda',
  driver: 'Alex'
}

const vehicle2: Car = {
  brand: 'Toyota',
  driver: 'Bob'
}

const vehicle3: Bike = {
  brand: 'Specialized',
  rider: 'George'
}

const today:Transport<Car> = {
  fleet: vehicle1,
  manager: 'Cindy'
};
const tomorrow:Transport<Car[]> = {
  fleet: [vehicle1, vehicle2],
  manager: 'John'
}
const friday:Transport<Car> = {
  fleet: vehicle3,
  manager: 'Steve'
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-09-20 04:15:55

这可以简化为

代码语言:javascript
复制
const v4: Car = vehicle3

TypeScript接口是结构化的,因此VehicleCarBike都是相同的。参见Type Compatibility

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58018283

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档