Gyakorlat – számbavétel

Befejeződött

Vizsgáljuk meg a TypeScript által elérhető különböző adattípusokat, és hogy milyen hatással vannak a kódunkra.

Az enumerálás típusa

A JavaScript szabványos adattípus-készletének hasznos kiegészítése az enumerálás típusa vagy enum.

Az enumerálások egyszerűen használhatók a kapcsolódó állandók készleteivel. Az an enum egy értékkészlet szimbolikus neve. Az enumerálások adattípusokként vannak kezelve, és használatával állandókészleteket hozhat létre változókkal és tulajdonságokkal való használatra.

Ha egy eljárás korlátozott változókészletet fogad el, fontolja meg az enumerálás használatát. Az enumerálások egyértelműbb és olvashatóbb kódot tesznek elkönyvelhetővé, különösen akkor, ha értelmes neveket használnak.

Enumerálások használata:

• Segít csökkenteni a számok transzponálásából vagy helytelen beírásából eredő hibákat.
• Megkönnyíti az értékek módosítását a jövőben.
• Megkönnyíti a kód olvasását, ami azt jelenti, hogy kevésbé valószínű, hogy a hibák belekúsznak.
• Biztosítja az előre kompatibilitást. Enumerálások esetén a kód kisebb valószínűséggel hiúsul meg, ha valaki a jövőben módosítja a tagneveknek megfelelő értékeket.

Enum létrehozása

Az enumerálások lehetővé teszik az elérhető lehetőségek listájának megadását. Különösen akkor hasznosak, ha olyan értékkészlettel rendelkezik, amelyet egy adott változótípus igénybe vehet. Tegyük fel, hogy van egy ContractStatus nevű külső adatbázis mezője, amely az 1, 2 vagy 3 számokat tartalmazza, amelyek a következő kapcsolati állapotokat jelölik: Állandó, Ideiglenes és Gyakornok. Létrehozunk egy enumerálást ezekkel az értékekkel, és megismerjük a TypeScript-támogatást.

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

2. Írja be a következő kódot a enum forgatókönyvünknek megfelelő kód létrehozásához:

   enum ContractStatus {
        Permanent,
        Temp,
        Apprentice
   }
   

3. Most deklaráljon egy változót egy ilyen típusú új alkalmazotthozemployeeStatus, és rendelje hozzá"Temp".ContractStatus Az eredmény megjelenítése a konzolon.

   let employeeStatus: ContractStatus = ContractStatus.Temp;
   console.log(employeeStatus);
   

4. Válassza a Futtatás lehetőséget. Jegyezze fel a Napló ablakban megjelenő értéket. Milyen értéket ad vissza?

5. Alapértelmezés szerint az enum értékek 0 értékkel kezdődnek, tehát Permanent 0, Temp 1 és Apprentice 2. Ha azt szeretné, hogy az értékek egy másik értékkel kezdődjenek, ebben az esetben az 1 értéket adja meg a enum deklarációban. Végezze el az alábbi módosításokat, hogy az enum értékek 1-nél kezdődjenek.

   enum ContractStatus {
        Permanent = 1,
        Temp,
        Apprentice
   }
   

6. Futtassa újra a kódot a Futtatás gombra kattintva. Figyelje meg, hogy a megjelenített érték most 2.

7. Az enumerálási értékhez társított név megjelenítéséhez használhatjuk a megadott indexelőt. Adja hozzá a következőt a kód aljára:

   console.log(ContractStatus[employeeStatus]);
   

8. Futtassa a kódot. Figyelje meg, hogy a Temp érték jelenik meg, amely a 2. számértékhez társított név.