日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無(wú)先后，達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

TypeScript基礎(chǔ)class類教程示例_基礎(chǔ)知識(shí)

作者：Mr丶YangZCH ? 更新時(shí)間： 2022-04-24 編程語(yǔ)言

class 類

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

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

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

示例

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

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

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

用關(guān)鍵字 constructor 定義，很遺憾不允許存在多個(gè)構(gòu)造函數(shù)實(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)建實(shí)例
const dog = new Dog('', '');

繼承

子類Dog通過(guò) extends 關(guān)鍵字 繼承父類Animal,創(chuàng)建的dog的實(shí)例，便能夠調(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)為我們作為一個(gè)舔狗的真正目的是為了擁有一份真誠(chéng)的愛(ài)情，而不是為了愛(ài)情做一個(gè)真誠(chéng)的舔狗，雖為舔狗，卻有戰(zhàn)狼之志，舔一人為小愛(ài)，舔百人為大愛(ài)，所謂大愛(ài)無(wú)疆。所以舔并不可恥!`);
    }
    eat(): void {
        console.log(`舔狗不配吃飯！！！`);
    }
    bark(): void {
        console.log(`寶 我今天去輸液了 輸?shù)氖裁匆?想你的夜`);
    }
}
// 創(chuàng)建實(shí)例
const dog = new Dog();
dog.breed = '舔'
dog.color = '金';
// 調(diào)用實(shí)例的方法
dog.run(100);

原文鏈接：https://blog.csdn.net/Mr_yangzc/article/details/122987951

欄目分類
最近更新