TypeScript基礎(chǔ)class類教程示例

更新時間：2022年02月18日 15:25:27 作者：Mr丶YangZCH

這篇文章主要為大家介紹了TypeScript基礎(chǔ)class類教程示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪

class 類

類是面向?qū)ο?/a>語言的程序設(shè)計中的概念，是面向?qū)ο缶幊?/a>的基礎(chǔ)。

類是創(chuàng)建對象的模板,是對現(xiàn)實生活中一類具有共同特征的事物的抽象

類的內(nèi)部封裝了屬性和方法，用于操作自身的成員

示例

將每條狗看做一個對象，那他的屬性就有品種、顏色，方法（行為）舔、叫、吃。

class Dog {
    breed: string;
    color: string;
    lick(): void {
        console.log(`
        我仍認(rèn)為我們作為一個舔狗的真正目的是為了擁有一份真誠的愛情，
        而不是為了愛情做一個真誠的舔狗。
        雖為舔狗，卻有戰(zhàn)狼之志，
        舔一人為小愛，舔百人為大愛，
        所謂大愛無疆。所以舔并不可恥!`);
    }
    eat(): void {
        console.log(`舔狗不配吃飯?。?！`);
    }
    bark(): void {
        console.log(`寶 我今天去輸液了 輸?shù)氖裁匆?想你的夜`);
    }
}
// 創(chuàng)建實例
const dog = new Dog();
dog.breed='舔'
dog.color='金';
// 調(diào)用實例的方法
dog.lick()

構(gòu)造函數(shù)

用關(guān)鍵字 constructor 定義，很遺憾不允許存在多個構(gòu)造函數(shù)實現(xiàn)

class Dog {
    breed: string;
    color: string;
    //   constructor(){
    //   };
    // constructor(breed: string) {
    //     this.breed = breed;
    // }
    constructor(breed: string, color: string) {
        this.breed = breed;
        this.color = color;
    }
}
// 創(chuàng)建實例
const dog = new Dog('', '');

繼承

子類Dog通過 extends 關(guān)鍵字繼承父類Animal,創(chuàng)建的dog的實例，便能夠調(diào)用 run()方法。

class Animal {
    run(distance: number) {
        console.log(`跑了 ${distance}m`)
    }
}
class Dog extends Animal {
    breed: string;
    color: string;
    lick(): void {
        console.log(`我仍認(rèn)為我們作為一個舔狗的真正目的是為了擁有一份真誠的愛情，而不是為了愛情做一個真誠的舔狗，雖為舔狗，卻有戰(zhàn)狼之志，舔一人為小愛，舔百人為大愛，所謂大愛無疆。所以舔并不可恥!`);
    }
    eat(): void {
        console.log(`舔狗不配吃飯?。。);
    }
    bark(): void {
        console.log(`寶 我今天去輸液了 輸?shù)氖裁匆?想你的夜`);
    }
}
// 創(chuàng)建實例
const dog = new Dog();
dog.breed = '舔'
dog.color = '金';
// 調(diào)用實例的方法
dog.run(100);

以上就是TypeScript基礎(chǔ)class類教程示例的詳細內(nèi)容，更多關(guān)于TypeScript class 類的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: