【TS】类和接口

super

如果子类覆盖父类中的定义的方法,在子类中可以使用super调用父类中的同名方法。super有两种调用方法:

  • 方法调用:

如:super.onCreate();

  • 构造方法调用:
  • 如:constructor() { super(); }

接口

接口是一种命名类型的方式,这样就不用在行内定义了。

类经常当作接口使用:

class App extends BMMultiWindowPage {
    aWindow: Window;
    cWindow: Window;
    aRouter: StackRouter;
    cRouter: StackRouter;
}

类型别名和接口的异同

类型别名和接口是同一概念的两种句法(类似于函数表达式和函数声明之间的关系)。

  • 两个声明都定义结构,且可以相互赋值:
import { type } from "os";
type Car = {
    wheel: string;
    price: number;
    color: string;
}

let car1: Car = {
    wheel : "baoma",
    price : 30,
    color : "red"
}
interface NewCar {
    wheel: string;
    price: number;
}

let newCar2 :NewCar = car1;
console.log(newCar2);

 //print:{ wheel: 'baoma', price: 30, color: 'red' }

可以看到,当我们把Car类型的car1赋值给NewCar类型的newcar2时,自动扩展出了属性color。

但是我们在接口中添加Car类型中没有的属性则会报错:

以上操作反之亦然。

  • 可扩展性:

对于type

type Car = {
    wheel: string;
    price: number;

}

type NewCar = Car & {
    color: string;
}

这里需要注意 用 & 相当与在Car中添加了color: string;而使用 | 则相当于在Car中添加了color?: string;

对于接口:

interface Car  {
    wheel: string;
    price: number;

}

interface NewCar extends Car {
    color: string;
    wheel: string;
}

这里就相当于type的&,所有的属性都必须要有。

不同之处:

  1. 类型别名更加通用,右边可以时任何类型,而接口只能是结构
  2. 同一作用域中的同名接口会自动合并,而类型别名则会报错
  3. 扩展接口是TS将检查扩展的接口是否可赋值给被扩展的接口,而类型别名则会尽可能地把被扩展的类型和扩展的类型组合在一起,最终结果是重载签名,而不会报错

声明合并

同一作用域中的同名接口会自动合并:

interface Car  {
    wheel: string;
    price: number;

}

interface Car {
    color: string;
    wheel: string;
}

let NewCar2: Car = {
    wheel: "baoma",
    color: "red",
    price: 10
}
console.log(NewCar2);

//print:{ wheel: 'baoma', color: 'string;', price: 10 }

使用泛型:

使用泛型就不可以了,即便是同名。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

勇敢di牛牛

你必飞黄腾达,耶稣也拦不住。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值