TypeScript-luokkien määritteleminen ja käyttö
TypeScript-luokat tarjoavat selkeän ja jäsennellyn tavan järjestää data ja käyttäytyminen objektissa. Tämä helpottaa entiteettien ja käsitteiden mallintamista koodissasi.
Mitä ovat TypeScript-luokat?
Luokat ovat keskeinen käsite TypeScript-kielessä, joka on JavaScript-pohjainen ohjelmointikieli. Luokat edustavat jäsenneltyä menetelmää objektien määrittelemiseksi ja olio-ohjelmoinnin (OOP) soveltamiseksi. TypeScript-luokat ovat kuin suunnitelmia objektien luomiseksi, jotka kokoavat loogisesti toisiinsa liittyviä tietoja ja menetelmiä.
TypeScript sisältää kaikki JavaScriptin toiminnot ja lisäksi staattisen tyypityksen. Tämän ansiosta voit määrittää TypeScript-funktioiden, muuttujien ja luokkien tietotyypit, jolloin voit havaita kompiloinnin aikaiset virheet. Tyyppiturvallisuuden lisäksi TypeScript-luokat tukevat myös perintää ja abstraktiota, mikä helpottaa monimutkaisten sovellusten kehittämistä.
TypeScript-luokkien avulla voit luoda selkeän luokkahierarkian, jossa luokat perivät ominaisuuksia ja metodeja. Tämä edistää koodin uudelleenkäyttöä ja jäsentelyä. Luokkien konstruktorit mahdollistavat instanssien alustamisen ja varmistavat yhdenmukaisen objektien luomisen.
Mikä on TypeScript-luokkien syntaksi?
TypeScript-luokkien merkintätapa on samanlainen kuin ECMAScript 6:ssa (ES6) ja se on JavaScript-luokkasyntaxin laajennettu versio. TypeScript-luokka voi sisältää erilaisia elementtejä, joilla määritellään objektien rakenne ja käyttäytyminen. Tärkeimmät komponentit ovat:
- Ominaisuudet
- Rakentajat
- Menetelmät
Ominaisuudet
Ominaisuudet määrittävät objektin tilan. Ne tallentavat data-arvoja ja niihin voidaan liittää datatyyppejä, jotta niillä on vain kelvollisia arvoja.
class ClassName {
propertyName: propertyType;
}- ClassName: luokan nimi
- propertyName: määriteltävän ominaisuuden nimi
- propertyType: ominaisuuden tietotyyppi
Tässä on konkreettinen esimerkki:
class Person {
name: string;
}Ensin määritellään Person -luokka, jolla on tyypin string ominaisuus name. Tämä tarkoittaa, että Person -luokan instansseilla on name -ominaisuus, joka tallentaa merkkijonoja.
Rakentaja
TypeScriptin konstruktori on erityinen menetelmä, jota kutsutaan, kun luokan instanssi (objekti) luodaan. Sitä tarvitaan objektin ominaisuuksien alustamiseen. Konstruktori määrittelee olennaisesti instanssin alkutilan. Konstruktorissa voi määrittää parametreja, joilla välitetään arvoja TypeScript-luokkien instansointia varten.
TypeScript-kielessä konstruktorin perusrakente on seuraava:
class ClassName {
constructor(parameter1: Type1, parameter2: Type2, ...) {
}
}- konstruktori: jokaisella luokalla voi olla yksi konstruktori. Jos konstruktoria ei ole määritelty, luodaan oletusarvoisesti tyhjä konstruktori.
- parametri: Tyyppi: parametrit ovat valinnaisia, riippuen luokasta ja sen vaatimuksista. Parametrit tulisi merkitä niiden tietotyypeillä.
Esimerkki konstruktorista:
class Person {
firstName: string;
lastName: string;
constructor(firstName: string, lastName: string) {
this.firstName = firstName;
this.lastName = lastName;
}
}Yllä olevassa esimerkissä luokalla Person on konstruktori, joka hyväksyy kaksi parametria firstName ja lastName. Kun luodaan tämän luokan instanssi, nämä parametrit välitetään, ja konstruktori alustaa instanssin firstName ja lastName ominaisuudet vastaavilla arvoilla. this viittaa luokan nykyiseen instanssiin, jossa koodi suoritetaan.
Menetelmät
TypeScriptissä metodit ovat funktioita, jotka voidaan määritellä luokissa ja soveltaa niiden instansseihin. Metodoiden avulla voit suorittaa tiettyjä toimintoja tai operaatioita luokan kontekstissa.
class ClassName {
// ...
methodName(parameter1: Type1, parameter2: Type2, ...): ReturnType {
}
// ...
}- methodName: menetelmän nimi
- parameter: Tyyppi: menetelmän hyväksymät valinnaiset parametrit
- ReturnType: tämä on tietotyyppi, joka määrittää menetelmän palauttaman arvon. Jos menetelmä ei palauta mitään, voit määrittää arvon
void.
Voit käyttää luokkainstanssin ominaisuutta tai kutsua sen menetelmää pisteoperaattorilla ., jota seuraa menetelmän nimi ja tarvittavat argumentit, jos menetelmä odottaa parametreja.
class Person {
firstName: string;
lastName: string;
constructor(firstName: string, lastName: string) {
this.firstName = firstName;
this.lastName = lastName;
}
getFullName(): string {
return this.firstName + " " + this.lastName;
}
}
const person = new Person("John", "Doe");
const fullName = person.getFullName();Menetelmää getFullName käytetään luomaan ja palauttamaan henkilön koko nimi. Se käyttää luokassa määriteltyjen ja konstruktorissa alustettujen ominaisuuksien firstName ja lastName arvoja. Objekti person luodaan avainsanalla new, jota seuraa luokan nimi ja vastaavat parametrit. Menetelmä yhdistää kaksi merkkijonoa, kun se kutsutaan, ja palauttaa koko nimen merkkijonona. Objektin person tulos on siis ”John Doe”.
TypeScript-luokan esimerkkejä
TypeScript-luokissa on erilaisia mekanismeja objektien rakenteen ja käyttäytymisen järjestämiseen ja hallintaan. Alla esittelemme joitakin TypeScript-luokkien käytön käsitteitä.
Pääsy
TypeScript tarjoaa kolme pääsyn muokkaajaa: public, private ja protected, joilla hallitaan pääsyä luokkien sisäisiin ja ulkoisiin ominaisuuksiin ja menetelmiin.
- public (vakio):
publicvarustetut ominaisuudet ja menetelmät voidaan kutsua mistä tahansa, sekä luokan sisä- että ulkopuolelta. - yksityinen:
privateviittaa ominaisuuksiin ja menetelmiin, joita voidaan kutsua vain luokan sisällä. Ne eivät ole käytettävissä ulkoisissa koodiosissa. - suojattu:
protectedlla merkityt ominaisuudet ja menetelmät voidaan kutsua luokasta itsestään ja johdetuista luokista (perintö), mutta ei ulkoisesta koodista.
class Person {
private socialSecurityNumber: string;
constructor(ssn: string) {
this.socialSecurityNumber = ssn;
}
greet() {
console.log("Hello, I am a person with SSN: " + this.socialSecurityNumber);
}
}
const person = new Person("123-45-6789");
person.greet();Tässä esimerkissä socialSecurityNumber on yksityinen ominaisuus, johon pääsee käsiksi vain Person sisällä. Voit kuitenkin kutsua greet luokan ulkopuolelta.
Perintö
Perintö on objektisuuntautuneen ohjelmoinnin (OOP) peruskonsepti, jota käytetään TypeScriptissä ja monissa muissa internet-ohjelmointikielissä. Sen avulla voidaan luoda uusi luokka olemassa olevan perusluokan tai superluokan pohjalta. Johdettu luokka (alaluokka) perii perusluokan ominaisuudet ja menetelmät ja voi laajentaa tai mukauttaa niitä.
class Animal {
name: string;
constructor(name: string) {
this.name = name;
}
makeSound() {
console.log("Some generic sound");
}
}
class Dog extends Animal {
makeSound() {
console.log(this.name + " barks");
}
}
const myDog = new Dog("Buddy");
myDog.makeSound();Avainsanan extends avulla alaluokka Dog perii ominaisuudet ja menetelmät yläluokasta Animal. Luokka Dog ohittaa menetelmän makeSound lisätäkseen tietyn käyttäytymisen ja perii samalla ominaisuuden name luokasta Animal.
Vain luku
Voit käyttää readonly määrittelemään TypeScript-luokkien tai -objektien ominaisuudet vain luku -ominaisuuksiksi. Tämä tarkoittaa, että kun vain luku -ominaisuus on alustettu, sen arvoa ei voi enää muuttaa.
class Circle {
readonly pi: number = 3.14159;
radius: number;
constructor(radius: number) {
this.radius = radius;
}
getArea() {
return this.pi *this.radius* this.radius;
}
}
const myCircle = new Circle(5);
console.log(myCircle.getArea()); // Output: ≈ 78,54pi on esimerkissämme vain luku -tyyppinen ja se alustetaan konstruktorissa. Alustuksen jälkeen pi ei voi enää muuttaa. Jos yrität muuttaa pi arvoa alustuksen jälkeen, TypeScript tuottaa kompilaatiovirheen.
da29341d85afde2140ae2c99281225e0