es6变量声明问题

Question

export class PetTag {constructor(public shape: string,public font: string,public text: string,public clip: boolean,public gems: boolean,public complete: boolean) { }}export const initialTag: PetTag = {shape: '',font: 'sans-serif',text: '',clip: false,gems: false,complete: false};有没有大神解释下const后面 initialTag：PetTag是个啥意思啊。

Answer 1

欢迎你来到typescript的世界！

export const initialTag: PetTag = { ... }

这段代码定义了一个常量对象initialTag， 他的类型是PetTag.

这样你在代码里使用initialTag时，编辑器会给你提示这个对象里面的属性。

Answer 2

PetTag是initialTag的类型。

Answer 3

这不是标注类型吗 意思是initialTag自身的结构类型为 类PetTag 。 这就是标注对象的类型嘛，和你标注某个字符串为string类型一样

把类当做接口使用

如上一节里所讲的，类定义会创建两个东西：类的实例类型和一个构造函数。 因为类可以创建出类型，所以你能够在允许使用接口的地方使用类。

class Point {

    x: number;

    y: number;

}

interface Point3d extends Point {

    z: number;

}

let point3d: Point3d = {x: 1, y: 2, z: 3};