TypeScript
interface Shape {
color: string;
}
interface Square extends Shape {
sideLength: number;
}
let square = {};
square.color = "blue";
square.sideLength = 10;
1
2
3
4
5
6
7
8
9
10
11
12
13
对应生成的JavaScript:
var square = {};
square.color = "blue";
square.sideLength = 10;
1
2
3
TypeScript
interface Shape {
color: string;
}
interface PenStroke {
penWidth: number;
}
interface Square extends Shape, PenStroke {
sideLength: number;
}
let square = {};
square.color = "blue";
square.sideLength = 10;
square.penWidth = 5.0;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
对应的JavaScript代码:
var square = {};
square.color = "blue";
square.sideLength = 10;
square.penWidth = 5.0;
1
2
3
4
extends ___ = ___ syntax in typescript
export interface ActionReducer {
(state: T | undefined, action: V): T;
}
1
2
3
It specifies the default type of V . so V can be either a class which extends Action or if not mentioned will be of type Action.