TypeScript 学习笔记1

Interfaces

TypeScript 的 type-checking 专注于值的“shape”

interfaces的作用在于命名值使其便于检测，同时作为软件与软件、软件内部交流的工具。

用于检测，编译成JS的话没有相应的语句
TS:

interface Squareconfig {
color: string;
width?: number;
}

function creatsqure(config:Squareconfig){color:string;area:number}{
//...
<pre>var newSquare = {color: "white", area: 100};
}


JS:

function creatsqure(config) { color: string; area: number; }

{

var newSquare = {color: "white", area: 100};

}

Function Type

interface FunctionExm{
(inData:number):boolean
}

var myFunctionExm:FunctionExm;
//...

Array Type

interface Dictionary {
[index: string]: string;//index为number或者string
//describe: string; 编译通过
} Class Type

interface ClockInterface {
currentTime: Date;
setTime(d: Date);
}

class Clock implements ClockInterface {
currentTime: Date;
setTime(d: Date) {
this.currentTime = d;
}
constructor(h: number, m: number) { }
}describe the public side of the class
Extend

<span style="font-size:12px;">interface Shape {
color: string;
}

interface PenStroke {
penWidth: number;
}

interface Square extends Shape, PenStroke {
sideLength: number;
}</span>Hybird
interface Counter {
(start: number): string;
interval: number;
reset(): void;
}

var c: Counter;
c(10);
c.reset();
c.interval = 5.0;