Metodes deklarācija objektu literālos ar ES6

Funkciju pārvaldība objektliterālos JavaScript ir ievērojami vienkāršojusies ar ES6 ieviešanu. Tā vietā, lai izmantotu garo un sarežģīto function-atslēgvārdu, tagad tu vari izmantot daudz kodolīgāku un lasāmāku sintaksi. Šajā tekstā es tev izskaidrošu, kā tu vari efektīvi izmantot jaunas iespējas, lai rakstītu strukturētu un uzturamu kodu.

Galvenie secinājumi

• Ar ES6 tu vari deklarēt metodes objektliterālos bez function-atslēgvārda.
• Tu vari tieši pievienot funkcijas objekta īpašībām.
• Šī jaunā sintakse nodrošina skaidrāku un pievilcīgāku kodu.

Solīti pa solim

Vienkārša objektliterāla izveide

Sāc ar pamata objektliterāla izveidi. Tu vari, piemēram, definēt objektu ar virkni un metodi, lai izvadītu šo virkni. Tas izskatās šādi:

const myObject = { text: 'Sveiki, pasaule!', // Šeit tiek deklarēta metode print: function() { console.log(this.text); } };

Šeit mums ir objekts myObject ar īpašību text, kas satur virkni, un metodi print, kas izvada tekstu konsolē. Tas ir tradicionālais veids, kā deklarēt funkcijas objektliterālos.

Metodes izmantošana

Pēc tam, kad esi definējis objektu, tu vari izsaukt metodi print. To veic šādi:

myObject.print(); // Ievada 'Sveiki, pasaule!'

Izpildot šo komandu, teksts tiks parādīts konsolē. Šajā solī tu esi veiksmīgi izsaucis metodi savā objektā.

Jaunās ES6 sintakses izmantošana

Patiesā ES6 spēks slēpjas metodes deklarācijas vienkāršošanā. Tā vietā, lai deklarētu funkciju ar function-atslēgvārdu, tu vari to tieši norādīt kā objekta īpašību. Šeit ir, kā tas darbojas:

const myObject = { text: 'Sveiki, pasaule!', print() { console.log(this.text); } };

Tagad metode print tiek deklarēta bez function-atslēgvārda. Tas ievērojami uzlabo koda lasāmību un padara to vieglāk uzturamu.

Metožu salīdzinājums

Tagad izpēti atšķirību starp veco un jauno sintaksi. Kamēr pirmajā metodē ir nepieciešams function-atslēgvārds, jaunā metode ir daudz kompakta un atgādina notāciju, pie kuras tu esi pieradis citās programmēšanas valodās. Tomēr abas metodes dod to pašu rezultātu.

Abas metodes darbojas vienādi un izvada tekstu konsolē. Tomēr būtiskā ir tā, ka ES6 sintakse prasa mazāk vietas, un tādējādi kods kļūst skaidrāks.

Kompleksāku objektu izveide

Tagad tu vari izveidot kompleksākus objektus, kuros ir vairākas īpašības un metodes. Piemēram, tu vari definēt objektu ar vairākām metodēm un datiem:

const person = { name: 'Maksis', age: 28, greet() { console.log(Hallo, mans vārds ir ${this.name} un es esmu ${this.age} gadus vecs.); } };

Šeit mums ir objektu person ar divām īpašībām (name un age) un metodi greet, kas izvada visus pieejamos datus teikumā.

Jaunās sintakses kopsavilkums

Pateicoties ES6 ieviešanai, metožu izveide objektliterālos ir kļuvusi vieglāka un tīrāka. Tev vairs nav nepieciešams izmantot function-atslēgvārdu un tu vari izmantot kompaktāku sintaksi. Tas ne tikai palielina koda lasāmību, bet arī padara to vieglāk pārvaldāmu.

Kopsavilkums – metodes deklarācija objektliterālos

Šajā rokasgrāmatā tu esi mācījies, kā izmantot metodes deklarāciju JavaScript objektliterālos, izmantojot jauno ES6 sintaksi. Jaunā metode ir ne tikai vieglāka rakstīšanai, bet arī uzlabo vispārējo koda kvalitāti. Izmanto šīs tehnikas, lai padarītu savas JavaScript klases un objektus vēl skaidrākus un funkcionālākus.