TypeScript學(xué)習(xí)之(3)--類

本系列文章只為記憶使用手蝎,非一步一步學(xué)習(xí)資料。

1.下面就是一個基本類的形式。定義了屬性greeting急但,定義方法greet()

class Greeter {
    greeting: string;
    constructor(message: string) {//構(gòu)造方法
        this.greeting = message;//使用了this
    }
    greet() {//一般方法
        return "Hello, " + this.greeting;
    }
}

let greeter = new Greeter("world");

2.繼承,和C#等語言差不多

class Animal {
    name:string;
    constructor(theName: string) { this.name = theName; }
    move(distanceInMeters: number = 0) {
        console.log(`${this.name} moved ${distanceInMeters}m.`);
    }
}

class Snake extends Animal {//關(guān)鍵字extends是繼承
    constructor(name: string) { super(name); }//調(diào)用父類的構(gòu)造方法
    move(distanceInMeters = 5) {//重寫父類的方法
        console.log("Slithering...");
        super.move(distanceInMeters);
    }
}

class Horse extends Animal {
    constructor(name: string) { super(name); }
    move(distanceInMeters = 45) {
        console.log("Galloping...");
        super.move(distanceInMeters);
    }
}

let sam = new Snake("Sammy the Python");
let tom: Animal = new Horse("Tommy the Palomino");

sam.move();
tom.move(34);

3.readonly修飾符
你可以使用readonly關(guān)鍵字將屬性設(shè)置為只讀的搞乏。 只讀屬性必須在聲明時或構(gòu)造函數(shù)里被初始化波桩。

class Octopus {
    readonly name: string;
    readonly numberOfLegs: number = 8;//定義時初始化
    constructor (theName: string) {
        this.name = theName;//構(gòu)造方法中初始化
    }
}
let dad = new Octopus("Man with the 8 strong legs");
dad.name = "Man with the 3-piece suit"; // error! name is readonly.

4.參數(shù)屬性可以方便地讓我們在一個地方定義并初始化一個成員。
這個和別的語言時候區(qū)別的查描,在構(gòu)造方法中突委,在定義參數(shù)的時候,加上private,protected,public等訪問限制符號就可以定義一個屬性冬三,這個的確是比較方便的匀油。顯得有點懶了:),不過的確好

class Animal {
    constructor(private name: string) { }//構(gòu)造方法中使用了訪問修飾符勾笆,就相當于定義了一個屬性了,調(diào)用構(gòu)造方法敌蚜,就給name賦值了
    move(distanceInMeters: number) {//在一般方法中,不能使用訪問修飾符來添加屬性的
        console.log(`${this.name} moved ${distanceInMeters}m.`);
    }
}

let a=new Animal("test");//這樣就給name賦值了
console.log(a.name);//可以打印出test了

5.存取器窝爪,get弛车,set這個是比較方便的檢查數(shù)據(jù)的方式,優(yōu)美的語法糖(注意格式蒲每,和c#還是有差距的纷跛,這樣寫感覺不是很優(yōu)美呀)(編譯的時候,需要使用:tsc --target es5 greeter.ts,只有高版本的javascript才支持這樣的特性)

let passcode = "secret passcode";

class Employee {
    private _fullName: string;

    get fullName(): string {//格式邀杏,其實是個方法
        return this._fullName;
    }

    set fullName(newName: string) {
        if (passcode && passcode == "secret passcode") {
            this._fullName = newName;
        }
        else {
            console.log("Error: Unauthorized update of employee!");
        }
    }
}

let employee = new Employee();
employee.fullName = "Bob Smith";
if (employee.fullName) {
    alert(employee.fullName);
}

6.靜態(tài)屬性(與C#的靜態(tài)屬性一樣)

class Grid {
    static origin = {x: 0, y: 0};//申明靜態(tài)屬性
    calculateDistanceFromOrigin(point: {x: number; y: number;}) {
        let xDist = (point.x - Grid.origin.x);//引用靜態(tài)屬性贫奠,記得使用類名
        let yDist = (point.y - Grid.origin.y);
        return Math.sqrt(xDist * xDist + yDist * yDist) / this.scale;
    }
    constructor (public scale: number) { }
}

console.log(Grid.origin);//直接可以使用類名和靜態(tài)屬性計算了

let grid1 = new Grid(1.0); 
let grid2 = new Grid(1.0);  

console.log(grid1.calculateDistanceFromOrigin({x: 10, y: 10}));

Grid.origin.x=2;
Grid.origin.y=2;
console.log(grid2.calculateDistanceFromOrigin({x: 10, y: 10}));

console.log(Grid.origin);

7.抽象類
抽象類做為其它派生類的基類使用唬血。 它們一般不會直接被實例化。 不同于接口唤崭,抽象類可以包含成員的實現(xiàn)細節(jié)拷恨。 abstract關(guān)鍵字是用于定義抽象類和在抽象類內(nèi)部定義抽象方法。

abstract class Animal {//關(guān)鍵字
    abstract makeSound(): void;
    move(): void {
        console.log('roaming the earch...');
    }
}

抽象類中的抽象方法不包含具體實現(xiàn)并且必須在派生類中實現(xiàn)谢肾。 抽象方法的語法與接口方法相似腕侄。 兩者都是定義方法簽名但不包含方法體。 然而芦疏,抽象方法必須包含 abstract關(guān)鍵字并且可以包含訪問修飾符冕杠。

abstract class Department {

    constructor(public name: string) {
    }

    printName(): void {
        console.log('Department name: ' + this.name);
    }

    abstract printMeeting(): void; // 必須在派生類中實現(xiàn)
}

class AccountingDepartment extends Department {

    constructor() {
        super('Accounting and Auditing'); // constructors in derived classes must call super()
    }

    printMeeting(): void {
        console.log('The Accounting Department meets each Monday at 10am.');
    }

    generateReports(): void {
        console.log('Generating accounting reports...');
    }
}

let department: Department; // ok to create a reference to an abstract type(注意,他是抽象類的對象)
department = new Department(); // error: cannot create an instance of an abstract class(抽象類不能實例化)
department = new AccountingDepartment(); // ok to create and assign a non-abstract subclass
//(這個非抽象類可以實例化眯分,它是抽象類的子類)
department.printName();
department.printMeeting();
department.generateReports(); // error: method doesn't exist on declared abstract type
//抽象類的引用對象拌汇,只能調(diào)用抽象類的存在的方法,而不能調(diào)用子類的方法

8.類具有 實例部分與靜態(tài)部分這兩個部分弊决。

class Greeter {
    static standardGreeting = "Hello, there";
    greeting: string;
    greet() {
        if (this.greeting) {
            return "Hello, " + this.greeting;
        }
        else {
            return Greeter.standardGreeting;
        }
    }
}

let greeter1: Greeter;
greeter1 = new Greeter();
console.log(greeter1.greet());

let greeterMaker: typeof Greeter = Greeter;
greeterMaker.standardGreeting = "Hey there!";

let greeter2: Greeter = new greeterMaker();
console.log(greeter2.greet());

let greeterMaker: typeof Greeter = Greeter;這個變量保存了這個類或者說保存了類構(gòu)造函數(shù)噪舀。 然后我們使用 typeof Greeter,意思是取Greeter類的類型飘诗,而不是實例的類型与倡。 或者更確切的說,"告訴我 Greeter標識符的類型"昆稿,也就是構(gòu)造函數(shù)的類型纺座。 這個類型包含了類的所有靜態(tài)成員和構(gòu)造函數(shù)。
注意這句:let greeter2: Greeter = new greeterMaker();說明它是包含了構(gòu)造函數(shù)了的溉潭,可以用它來實例化净响。但是greeterMaker變量不是類型,let greeter2:greeterMaker = new greeterMaker();這樣使用時錯誤的喳瓣。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末馋贤,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子畏陕,更是在濱河造成了極大的恐慌配乓,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,590評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件惠毁,死亡現(xiàn)場離奇詭異犹芹,居然都是意外死亡,警方通過查閱死者的電腦和手機鞠绰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評論 3 399
  • 文/潘曉璐 我一進店門腰埂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蜈膨,你說我怎么就攤上這事屿笼』母” “怎么了?”我有些...
    開封第一講書人閱讀 169,301評論 0 362
  • 文/不壞的土叔 我叫張陵刁卜,是天一觀的道長。 經(jīng)常有香客問我曙咽,道長蛔趴,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,078評論 1 300
  • 正文 為了忘掉前任例朱,我火速辦了婚禮孝情,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘洒嗤。我一直安慰自己箫荡,他們只是感情好,可當我...
    茶點故事閱讀 69,082評論 6 398
  • 文/花漫 我一把揭開白布渔隶。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪淹朋。 梳的紋絲不亂的頭發(fā)上施逾,一...
    開封第一講書人閱讀 52,682評論 1 312
  • 那天,我揣著相機與錄音呈野,去河邊找鬼低矮。 笑死,一個胖子當著我的面吹牛被冒,可吹牛的內(nèi)容都是我干的军掂。 我是一名探鬼主播,決...
    沈念sama閱讀 41,155評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼昨悼,長吁一口氣:“原來是場噩夢啊……” “哼蝗锥!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起幔戏,我...
    開封第一講書人閱讀 40,098評論 0 277
  • 序言:老撾萬榮一對情侶失蹤玛追,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后闲延,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體痊剖,經(jīng)...
    沈念sama閱讀 46,638評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,701評論 3 342
  • 正文 我和宋清朗相戀三年垒玲,在試婚紗的時候發(fā)現(xiàn)自己被綠了陆馁。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,852評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡合愈,死狀恐怖叮贩,靈堂內(nèi)的尸體忽然破棺而出击狮,到底是詐尸還是另有隱情,我是刑警寧澤益老,帶...
    沈念sama閱讀 36,520評論 5 351
  • 正文 年R本政府宣布彪蓬,位于F島的核電站,受9級特大地震影響捺萌,放射性物質(zhì)發(fā)生泄漏档冬。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,181評論 3 335
  • 文/蒙蒙 一桃纯、第九天 我趴在偏房一處隱蔽的房頂上張望酷誓。 院中可真熱鬧,春花似錦态坦、人聲如沸盐数。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽玫氢。三九已至,卻和暖如春谜诫,著一層夾襖步出監(jiān)牢的瞬間琐旁,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評論 1 274
  • 我被黑心中介騙來泰國打工猜绣, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留灰殴,地道東北人。 一個月前我還...
    沈念sama閱讀 49,279評論 3 379
  • 正文 我出身青樓掰邢,卻偏偏與公主長得像牺陶,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子辣之,可洞房花燭夜當晚...
    茶點故事閱讀 45,851評論 2 361

推薦閱讀更多精彩內(nèi)容