Gyakorlat – Általános eszközök implementálása interfészekkel és osztályokkal

  • 5 perc

A generikusok csak a típusok összetevőnek való átadására szolgálnak, így nem csak a natív típusokat alkalmazhatja általános típusváltozókra, hanem interfészekre, függvényekre és osztályokra is. Ebben a leckében különböző módokon használhat általános generikusokat ezekkel az összetett típusokkal.

Próbáljon meg általános generákat használni interfészekkel, függvényekkel és osztályokkal. Az összes kódminta alapvetően ugyanazokat a feladatokat végzi el különböző megközelítések használatával.

Általános felület deklarálása

A felületi deklarációkban általános értékeket használhat, ha a típusjegyzeteket típusváltozókra cseréli.

  1. Nyissa meg a Játszótért , és távolítsa el a meglévő kódot.

  2. Deklaráljon egy egyszerű felületet Identity , amelynek két tulajdonsága és valuemessagekét általános típusváltozója van, T valamint Ua tulajdonságtípusokhoz.

    interface Identity<T, U> {
    value: T;
    message: U;
}

  3. Deklaráljon két változót, és használja az Identity interfészt objektumtípusként.

    let returnNumber: Identity<number, string> = {
    value: 25,
    message: 'Hello!'
}
let returnString: Identity<string, number> = {
    value: 'Hello!',
    message: 25
}

Általános felület deklarálása függvénytípusként

Az általános felületet függvénytípusként is deklarálhatja.

  1. Folytassa a munkát a játszótéren.

  2. Deklaráljon egy olyan általános felületetProcessIdentity, amely tartalmazza egy metódus általános aláírását. (value: T, message: U): T Figyelje meg, hogy a metódusnak nincs neve. Ezzel bármely, egyező típusú aláírással rendelkező függvényre alkalmazhatja.

    interface ProcessIdentity<T, U> {
    (value: T, message: U): T;
}

  3. Deklaráljon egy olyan függvényt processIdentity , amelynek a típusa megegyezik az ProcessIdentity illesztővel.

    function processIdentity<T, U> (value: T, message: U) : T {
    console.log(message);
    return value
}

  4. Deklaráljon egy függvénytípus változót, amelyet az interfész hív processor meg változótípusként, és adja number meg a T típust és string a U típust.ProcessIdentity Ezután rendelje hozzá a processIdentity függvényt. Ezt a változót mostantól függvényként használhatja a kódban, és a TypeScript ellenőrzi a típusokat.

    let processor: ProcessIdentity<number, string> = processIdentity;
let returnNumber1 = processor(100, 'Hello!');   // OK
let returnString1 = processor('Hello!', 100);   // Type check error

Általános felület deklarálása osztálytípusként

Általános felületet is deklarálhat, és egy osztályban implementálhatja.

  1. Folytassa a munkát a játszótéren.

  2. Deklaráljon egy olyan felületet ProcessIdentity , value amelynek két tulajdonsága és messagekét általános típusváltozója van, T valamint Ua tulajdonságtípusokhoz. Ezután adjon hozzá egy általános aláírást egy metódushoz process , amely egy típusértéket Tad vissza.

    interface ProcessIdentity<T, U> {
    value: T;
    message: U;
    process(): T;
}

  3. Definiáljon egy általános osztályt, amely processIdentity implementálja a ProcessIdentity felületet. Ebben az esetben nevezze el a változótípusokat az osztályban X és Ya processIdentity . A felületen és az osztályban különböző változóneveket használhat, mivel a típusérték propagálja a láncot, és a változó neve nem számít.

    class processIdentity<X, Y> implements ProcessIdentity<X, Y> {
    value: X;
    message: Y;
    constructor(val: X, msg: Y) {
        this.value = val;
        this.message = msg;
    }
    process() : X {
        console.log(this.message);
        return this.value
    }
}

  4. Deklaráljon egy új változót, és rendeljen hozzá egy új processIdentity objektumot, adja át és string adja meg number a YX változótípusokat, valamint a number és string argumentumértékeket.

    let processor = new processIdentity<number, string>(100, 'Hello');
processor.process();           // Displays 'Hello'
processor.value = '100';       // Type check error

Általános osztály definiálása

Általános osztályt interfész nélkül is deklarálhat. Ez a példa általános osztályként deklarál processIdentity a ProcessIdentity felület implementálása nélkül.

class processIdentity<T, U> {
    private _value: T;
    private _message: U;
    constructor(value: T, message: U) {
        this._value = value;
        this._message = message;
    }
    getIdentity() : T {
        console.log(this._message);
        return this._value
    }
}
let processor = new processIdentity<number, string>(100, 'Hello');
processor.getIdentity();      // Displays 'Hello'