初入typescript的一些階段性總結
阿新 • • 發佈:2019-01-07
類、介面的寫法跟java一樣,繼承、實現的寫法都是用extends 跟implements關鍵字。
成員宣告方式 —> 成員名字:成員型別
可選成員的宣告方式—> 成員名字?:成員型別
靜態成員在方法中使用得—>類名.靜態成員名
普通成員在方法中使用—->this.成員名
類的建構函式得使用關鍵字實現:
class student{ //定義student類
name:string; //定義類的屬性
constructor(myname:string){ //定義建構函式
this .name=myname;
}
study(){//定義類的方法
//編寫方法需要實現的內容
}
}
類的例項化也是用new關鍵字建立物件:
var s1 = new student("xiaoge");
類成員或者方法的呼叫:
s1.name;
s1.study();
函式中的使用規範:
function 函式名(引數1:引數型別):返回值型別{
方法體
return 值(一定是返回值型別);
}
函式中可選引數跟預設引數:
function 函式名(引數1:引數型別,引數2?:引數型別,引數3="hello"):返回值型別{
方法體
return 值(一定是返回值型別);
}
模組化,使用module關鍵字來定義模組,用export關鍵字使介面、類等成員對模組外可見:
module Validation { //定義模組
export interface StringValidator { //宣告介面對外部可以使用
isAcceptable(s: string): boolean;
}
export class ZipCodeValidator implements StringValidator {
isAcceptable(s: string) {
return s.length === 5 && numberRegexp.test(s);
}
}
}
模組的呼叫,使用模組中某一個介面、方法或者類時,用模組名.模組內的介面、方法或者類。
var validators: { [s: string]: Validation.StringValidator; } = {};
validators['ZIP code'] = new Validation.ZipCodeValidator(); //使用模組中的類
在一個檔案中引用多個模組檔案,先在html中引入多個模組檔案的路徑以及順序。
在需要引用的檔案中最好在檔案頂部註釋依賴哪些檔案:
/// <reference path="Validation.ts" />