JavaScript tarjoaa monia mahdollisuuksia objektien luomiseen ja manipuloimiseen. Perinteinen luokkien ja prototyyppien käyttö on hyvin yleistä, mutta on myös vaihtoehtoisia lähestymistapoja, jotka ovat usein joustavampia ja helpompia. Tämä opas näyttää, kuinka voit luoda tehokkaita objekteja JavaScriptissä ilman luokkien käyttöä luomalla. Käytämme Douglas Crockfordin lähestymistapaa, joka perustuu funktionaaliseen objektiluontiin ja tarjoaa mielenkiintoisen näkökulman Es6:een ja sen jälkeisiin versioihin.
Tärkeimmät havainnot
- Objekteja voidaan luoda ilman luokkia ja this-käyttöä
- Toimintopohjainen objektiluonti mahdollistaa joustavamman ja luettavamman koodirakenteen
- Objektien purkamisella käsittely on tehokkaampaa ja helpompaa
Vaiheittainen opas objektien luomiseen ilman luokkia
Aloita luomalla funktio, joka palauttaa objektin. Tämä voidaan tehdä käyttämällä perustoimintosyntaksia.
Tässä esimerkissä määritämme createShape-funktion. Tässä toiminnossa luomme uuden objektin, jolla on erilaisia ominaisuuksia, kuten id, x ja y. Voit myös lisätä lisää menetelmiä laajentaaksesi objektin toiminnallisuutta.
Varmista, että välität objektin määrittelevät parametrin funktiolle. Näin voit luoda instanssin objektista erityisillä attribuuteilla.
Tehdäksesi objektista hyödyllisempää voit myös määrittää menetelmiä, jotka ovat integroituna objektiin. Esimerkiksi voit lisätä print-menetelmän, joka tulostaa objektin ominaisuudet.
Laajennat tässä createShape-funktiota print-menetelmällä. Varmista, että toteutat menetelmän oikein, jotta se voi viitata objektin ominaisuuksiin.
Toinen elementti on move-menetelmän toteuttaminen. Tätä menetelmää voidaan käyttää objektin x- ja y-koordinaattien muuttamiseen. Älä unohda nimetä parametrejä selkeästi sekaannusten välttämiseksi.
Voit myös käyttää toimintoja objektien purkamiseksi. Sen sijaan, että välität parametrejä erikseen, välitä vain objekti ja käytä purkamista ominaisuuksien erottamiseen.
Tämä tekniikka tekee koodistasi ei vain luettavampaa, vaan myös joustavampaa. Voit helposti lisätä uusia parametreja ja poistaa olemassa olevia osittain ilman, että koko toiminnallisuutta tarvitsee kirjoittaa uudelleen.
Kun mietit muiden toimintojen integroimista, voit määrittää toisen createBaseShape-funktion, joka toteuttaa joitakin peruskäyttäytymisiä ja jota kutsutaan ensimmäisestä objektista.
Screenshot_目330
Jatkuvalla lähestymistavalla voit joko käyttää printBasea tai muita toimintoja ilman, että sinun tarvitsee käyttää this:iä tai vastaavaa.
Viimeisenä parannuksena voit jäädyttää objektin varmistaaksesi, ettei sen ominaisuuksia voida muuttaa luomisen jälkeen. Tämä tapahtuu käyttämällä Object.freeze()-menetelmää.
Nämä tekniikat osoittavat, että on monia tapoja, joilla voit luoda ja hallita objekteja JavaScriptissä ilman luokkamallin käyttöä.
Yhteenveto – Objektit ilman luokkia JavaScriptissä
Tässä oppaassa olet oppinut, kuinka voit luoda objekteja JavaScriptissä tehokkaasti ilman luokkia. Toimintopohjainen objektiluonti tarjoaa sinulle paljon joustavuutta ja kontrollia. Erilaisten menetelmien, kuten purkamisen ja Object.freeze:n avulla sinulla on mahdollisuus kehittää kestäviä ja ylläpidettäviä rakenteita, jotka hyödyttävät koodiasi.
Usein kysytyt kysymykset
Kuinka luon objektin JavaScriptissä ilman luokkia?Voit määrittää funktion, joka luo ja palauttaa uuden objektin.
Mitkä ovat toimintopohjaisen objektiluonnin edut?Se mahdollistaa joustavamman objektien käsittelyn, yksinkertaisia laajennuksia purkamisella ja estää ei-toivottuja muutoksia Object.freeze:n avulla.
Voinko määrittää menetelmiä objektiluontifunktioissa?Kyllä, voit luoda menetelmiä suoraan objektin palauttavassa funktiossa.
Korvaako tämä lähestymistapa perinteisen luokkamallin täysin?Se on vaihtoehtoinen menetelmä, joka voi olla hyödyllisempi monissa erityistapauksissa, mutta se ei pyri täysin korvaamaan luokkia.
