TypeScript里的interface扩展，多继承以及对应的JavaScript代码

时间:2022-07-23
本文章向大家介绍TypeScript里的interface扩展，多继承以及对应的JavaScript代码，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

TypeScript

interface Shape {
    color: string;
}

interface Square extends Shape {
    sideLength: number;
}

let square = <Square>{};
square.color = "blue";
square.sideLength = 10;

对应生成的JavaScript：

var square = {};
square.color = "blue";
square.sideLength = 10;

TypeScript

interface Shape {
    color: string;
}

interface PenStroke {
    penWidth: number;
}

interface Square extends Shape, PenStroke {
    sideLength: number;
}

let square = <Square>{};
square.color = "blue";
square.sideLength = 10;
square.penWidth = 5.0;

对应的JavaScript代码：

var square = {};
square.color = "blue";
square.sideLength = 10;
square.penWidth = 5.0;

随机文章
Javascript知识点必读
最近更新