JavaScript on aastate jooksul oluliselt edasi arenenud. Eriti pärast ES6 tutvustamist on klassidega programmeerimine oluliselt lihtsamaks muutunud. Vana klasside loomise meetod prototüüpide ja konstruktorifunktsioonide kaudu oli sageli vaevaline ja vigadele kalduv. Selles õpikäsitluses õpid, kuidas uut class-süntaksit tõhusalt kasutada ja millised on erinevused vana ja uue kirjutusviisi vahel. Samuti õpid, kuidas pärimise kaudu oma klassistruktuuri laiendada.
Olulisemad järeldused
- Uus class-süntaks võimaldab selgemat ja kompaktsemat määratlemisvormi.
- Konstruktorite kasutamine on lihtsam ja ei nõua eraldi prototüüpide loomist.
- class-süntaksi taga olev funktsionaalsus jääb prototüüpide aluseks.
Samm-sammuline juhend
1. Vana kirjutusviisi mõistmine
Kuna uue klasside süntaksi eeliseid mõista, vaatame esmalt vana meetodit. Selle käigus loodi konstruktorifunktsioon ja meetodid lisati prototüübi kaudu.
Kui soovid luua uut objekti, toimub see new Shape(1, 100, 200) abil. Siis saab objekti shape kasutada omaduste saamiseks.
2. Väärtuste kuvamine
Kuna meie objektiinstants korrektselt toimib, kuvame omadused x ja y.
3. Uue class-süntaksi tutvustamine
Nüüd läheme üle uuele class-süntaksile, mis on saadaval alates ES6-st.
Muudatused on selged: sul ei ole enam vaja eraldi prototüüpi. Selle asemel defineerid kõik meetodid klassi sees.
4. Objektide loomine uue klassiga
Uue süntaksiga objekti loomine toimub sama moodi nagu varem. Kasutad new, et luua Shape klassi instants.
5. Uue klassi kasutamine
Uue definitsiooniga klassi kasutamine on identne vana meetodiga. Sa saad kasutada instantsi shape1, et väärtusi saada ja move-meetodit kasutada.
6. Pärimine klassides
class-süntaksi üks täiendavaid eeliseid on võimalus pärida. Kui soovid luua uut klassi, mis pärib olemasolevast klassist, saad kasutada extends võtit.
Sel juhul kutsub lastklass konstruktor super() üles vanemklassi konstruktorit. See võimaldab sul kasutada Shape omadusi ja samal ajal määratleda unikaalsed omadused Rectangle jaoks.
7. Kokkuvõte class-deklaratsioonist
class-süntaks mitte ainult ei tee sinu koodibaasi selgemaks, vaid võimaldab ka selgemat struktuuri objektorienteeritud kontseptsioonidega töötamisel. Sa võid mitte ainult luua klasse, vaid ka luua keerulisi pärimisstruktuure, mis muudab oma koodi paindlikumaks ja hooldatavamaks.
Kokkuvõte – Uus klasside süntaks JavaScriptis: ES6 kuni ES13
Selles õpikäsitluses oled õppinud, kuidas uut class-süntaksit JavaScriptis ES6-st kuni ES13-ni tõhusalt kasutada. Vana klasside loomise meetod oli sageli tülikas ja vigadele kalduv, samas kui uus süntaks võimaldab selget ja lihtsat struktuuri. Samuti oled õppinud pärimise aluseid extends-süntaksi kaudu, et oma klasside struktuuri veelgi laiendada.
Küsimused ja vastused
Mis on erinevus vana ja uue klasside süntaksi vahel?Vana meetod kasutab konstruktorifunktsioone ja prototüüpe, samas kui uus süntaks lihtsustab klasside määratlemist ja kasutamist.
Miks peaksin kasutama uut class-süntaksit?See pakub selgemat, kompaktsemat ja arusaadavamat viisi klasside määratlemiseks, mis parandab koodi hooldust ja loetavust.
Kuidas toimib pärimine class-süntaksiga?Teie klass saab ühtsuse funktsioonid teiselt klassilt extends võti abil, kutsudes vanemklassi konstruktorit super() abil.
