Home-theater-designers
Noong 2015, ang bersyon ng ES6 ng wika ng pagprograma ng JavaScript ay pinakawalan. Ang paglabas na ito ay nagpakilala ng ilang mga pangunahing pag-upgrade sa wika, at opisyal na inilagay ito sa kategorya ng wika ng programa na nakatuon sa object ng iba pang mga wika tulad ng Java at C ++.
Ang programa na nakatuon sa object ay nakatuon sa mga bagay at mga pagpapatakbo na maaaring isagawa sa kanila. Gayunpaman, bago ka magkaroon ng anumang mga bagay kakailanganin mong magkaroon ng isang klase.
kung paano mabawi ang hindi nai-save na file ng excel
Ang mga klase sa JavaScript ay isa sa mga tampok na nagbabago ng laro na kasama ng bersyon ng ES6 ng wika. Ang isang klase ay maaaring mailarawan bilang isang blueprint na ginagamit upang lumikha ng mga bagay.
Sa artikulong ito ng tutorial, matututunan mo kung paano lumikha at manipulahin ang mga bagay gamit ang mga klase sa JavaScript.
Istraktura ng Klase ng JavaScript
Kapag lumilikha ng isang klase sa JavaScript mayroong isang pangunahing sangkap na palagi mong hinihiling — ang klase keyword. Halos bawat iba pang aspeto ng klase ng JavaScript ay hindi kinakailangan para sa matagumpay na pagpapatupad nito.
Ang isang klase sa JavaScript ay natural na magsasagawa kung ang isang tagapagbuo ay hindi ibinigay (ang klase ay lilikha lamang ng isang walang laman na tagapagbuo sa panahon ng pagpapatupad). Gayunpaman, kung ang isang klase sa JavaScript ay nilikha na may mga konstruktor at iba pang mga pag-andar ngunit walang klase ng keyword ang ginamit, ang klase na ito ay hindi maipapatupad.
Ang klase Ang keyword (na dapat palaging nasa maliit na titik) ay isang pangangailangan sa istraktura ng klase ng JavaScript. Ang sumusunod na halimbawa ay ang pangkalahatang syntax ng isang klase sa JavaScript. Ang syntax ng klase sa JavaScript ay nasa ibaba:
class ClassName{
//class body
}
Lumilikha ng isang Klase sa JavaScript
Sa programa, ang isang klase ay maaaring makita bilang isang pangkalahatang entity na ginagamit upang lumikha ng isang dalubhasang bagay. Halimbawa, sa isang kapaligiran sa paaralan, ang isang pangkalahatang entidad (isang klase) ay maaaring mag-aaral at ang isang object ng mga mag-aaral ay maaaring si John Brown. Ngunit bago ka lumikha ng isang bagay kakailanganin mong malaman ang data na itatabi nito at dito naglalaro ang mga JavaScript Constructor.
Paggamit ng Mga Construktor sa Mga Klase ng JavaScript
Ang isang tagapagbuo ay mahalaga sa proseso ng paglikha ng klase dahil sa ilang mga kadahilanan; pinasimulan nito ang estado ng isang bagay (sa pamamagitan ng mga katangian) at awtomatiko itong tinatawag kapag ang isang bagong bagay ay naitatag (natukoy at nilikha).
Paggamit ng isang Halimbawa ng Tagabuo
Sa ibaba, makakakita ka ng isang halimbawa ng tagabuo na may isang paliwanag kung ano ang ibig sabihin nito.
class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
}
Ang code sa itaas ay nagpapakita ng isang mahalagang aspeto ng tagabuo ng klase ng JavaScript; hindi tulad ng ibang mga wika tulad ng Java at C ++, ang isang constructer ng JavaScript ay hindi gumagamit ng pangalan ng klase upang lumikha ng isang constructer. Gumagamit ito ng tagabuo keyword tulad ng nakikita mo sa halimbawa sa itaas.
Kaugnay: Alamin Kung Paano Lumikha ng Mga Klase sa Java
Ang tagabuo sa halimbawa sa itaas ay tumatagal ng tatlong mga parameter at ginagamit ang ito keyword upang italaga ang mga parameter sa kasalukuyang halimbawa ng klase. Maaaring mukhang medyo nakalilito ito, ngunit ang kailangan mong maunawaan ay ang isang klase ay maaaring makita bilang isang blueprint na ginagamit upang lumikha ng maraming mga bahay.
Ang bawat itinayong bahay ay maaaring makita bilang isang bagay ng klase na ito. Bagaman ang bawat isa sa mga bahay na ito ay nilikha na may parehong blueprint, nakikilala sila sa pamamagitan ng kanilang tukoy na lokasyon sa heyograpiya o ng mga taong nagmamay-ari ng mga ito.
Ang ito ginamit ang keyword upang makilala ang bawat bagay na nilikha ng isang klase. Tinitiyak nito na ang tamang data ay nakaimbak at naproseso para sa bawat bagay na nilikha gamit ang parehong klase.
Lumilikha ng isang Bagay sa JavaScript
Mahalaga ang mga tagabuo sa isang wika tulad ng JavaScript sapagkat nilalagay nila ang bilang ng mga katangian na dapat magkaroon ng isang bagay ng isang tukoy na klase. Ang ilang mga wika ay mangangailangan ng isang katangian (variable) na ideklara bago ito magamit sa isang tagapagbuo o anumang iba pang mga pamamaraan. Gayunpaman, hindi ito ang kaso sa JavaScript.
Kaugnay: Paano Magdeklara ng Mga variable sa JavaScript
Sa pagtingin sa tagabuo ng klase ng mag-aaral sa itaas, malalaman mo na ang isang bagay ng klase na ito ay magkakaroon ng tatlong mga katangian.
Lumilikha ng isang Halimbawa ng Bagay
Sa ibaba, makakakita ka ng isang halimbawa para sa paglikha ng isang object sa JavaScript.
//create a new object
const john = new Student('John', 'Brown', '2018');
Ang code sa itaas ay gumagamit ng Mag-aaral klase upang lumikha ng isang bagay.
Kapag lumilikha ng isang bagay ng isang klase, kailangan mong gamitin ang bago keyword, na sinusundan ng pangalan ng klase at mga halagang nais mong italaga sa kani-kanilang mga katangian. Ngayon ay mayroon kang isang bagong mag-aaral na may unang pangalan na John, ang apelyido Brown, at isang petsa ng pagsisimula ng 2018. Mayroon ka ring pare-pareho na variable: john. Mahalaga ang variable na ito sapagkat pinapayagan kang gamitin ang bagay na nilikha.
Nang wala ang john variable maaari ka pa ring lumikha ng isang bagong bagay gamit ang Mag-aaral klase, ngunit pagkatapos ay hindi magkakaroon ng paraan ng pag-access sa bagay na ito at gamitin ito sa iba't ibang mga pamamaraan ng klase.
Paggamit ng Mga Pamamaraan sa Mga Klase ng JavaScript
Ang isang pamamaraan ay isang pagpapaandar ng isang klase na ginagamit upang maisagawa ang mga pagpapatakbo sa mga bagay na nilikha mula sa klase. Ang isang mahusay na pamamaraan upang idagdag sa klase ng mag-aaral ay isa na bumubuo ng isang ulat sa bawat mag-aaral.
Paglikha ng Halimbawa ng Mga Paraan ng Klase
Nasa ibaba ang isang halimbawa para sa paglikha ng mga pamamaraan ng klase sa JavaScript.
class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
}
Ang klase sa itaas ay naglalaman ng isang pamamaraan na bubuo ng isang ulat sa bawat mag-aaral na nilikha kasama ang Mag-aaral klase Upang magamit ang ulat () pamamaraan kakailanganin mong gumamit ng isang umiiral na object ng klase upang gumawa ng isang simpleng tawag sa pagpapaandar.
Salamat sa paglikha ng isang halimbawa ng object sa itaas, dapat kang magkaroon ng isang object ng Mag-aaral klase na nakatalaga sa variable john . Gamit john , maaari mo nang matagumpay na tawagan ang ulat () pamamaraan
Paggamit ng Halimbawa ng Mga Paraan ng Klase
Nasa ibaba ang isang halimbawa ng paggamit ng mga pamamaraan ng klase sa JavaScript.
//create a new object
const john = new Student('John', 'Brown', '2018');
//calling the report method and storing its result in a variable
let result = john.report();
//printing the result to the console
console.log(result);
Ang code sa itaas ay gumagamit ng Mga mag-aaral klase upang makabuo ng sumusunod na output sa console:
John Brown started attending this institution in 2018Paggamit ng Mga Static na Pamamaraan sa Mga Klase ng JavaScript
Natatangi ang mga static na pamamaraan sapagkat sila lamang ang mga pamamaraan sa isang klase ng JavaScript na maaaring magamit nang walang isang object.
Mula sa halimbawa sa itaas, hindi mo magagamit ang ulat () pamamaraan nang walang object ng klase. Ito ay sapagkat ang ulat () ang pamamaraan ay umaasa sa mga katangian ng isang bagay upang makabuo ng isang kanais-nais na resulta. Gayunpaman, upang magamit ang isang static na pamamaraan, kakailanganin mo lamang ang pangalan ng klase na nag-iimbak ng pamamaraan.
Paglikha ng isang Halimbawa ng Static na Halimbawa
Nasa ibaba ang isang static na halimbawa ng pamamaraan para sa JavaScript.
class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
//static method
static endDate(startDate){
return startDate + 4;
}
}
Ang mahalagang bagay na dapat tandaan mula sa halimbawa sa itaas ay ang bawat static na pamamaraan ay nagsisimula sa static keyword.
Paggamit ng isang Halimbawa ng Static na Halimbawa
Nasa ibaba ang isang halimbawa para sa paggamit ng isang static na pamamaraan sa JavaScript.
//calling a static method and printing its result to the console
console.log(Student.endDate(2018));
Ang linya ng code sa itaas ay gumagamit ng Mga mag-aaral klase upang makabuo ng sumusunod na output sa console:
2022Madali ang paglikha ng isang Klase ng JavaScript
Mayroong maraming mga bagay na kailangan mong tandaan kung nais mong lumikha ng isang klase sa JavaScript at simulan ang isa o higit pang mga bagay mula rito:
- Ang isang klase sa JavaScript ay dapat magkaroon ng klase keyword.
- Ipinapahiwatig ng isang tagapagbuo ng JavaScript ang bilang ng mga halagang maaaring magkaroon ng isang bagay.
- Hindi magagamit ang mga pangkalahatang pamamaraan ng klase nang walang isang bagay.
- Maaaring gamitin ang mga static na pamamaraan nang walang isang bagay.
Ang console . mag-log () Ang pamamaraan ay ginagamit sa buong artikulong ito upang maibigay ang mga resulta ng paggamit ng pareho sa pangkalahatan at static na pamamaraan sa isang klase sa JavaScript. Ang pamamaraang ito ay isang kapaki-pakinabang na tool para sa anumang developer ng JavaScript dahil nakakatulong ito sa proseso ng pag-debug.
Pamilyar sa iyong sarili sa console.log () Ang pamamaraan ay isa sa pinakamahalagang bagay na magagawa mo bilang isang developer ng JavaScript.
Magbahagi Magbahagi Mag-tweet Email Ang Ultimate JavaScript Cheat SheetKumuha ng isang mabilis na pag-refresh sa mga elemento ng JavaScript gamit ang cheat sheet na ito.
Basahin Susunod Mga Kaugnay na Paksa- Programming
- Programming
- JavaScript
- Mga Tip sa Coding
- Mga Tutorial sa Coding
Si Kadeisha Kean ay isang Full-Stack Software Developer at Teknikal / Teknikal na Manunulat. Siya ay may natatanging kakayahan na gawing simple ang ilan sa mga pinaka kumplikadong teknolohikal na konsepto; paggawa ng materyal na madaling maunawaan ng anumang baguhan sa teknolohiya. Siya ay madamdamin tungkol sa pagsusulat, pagbuo ng mga kagiliw-giliw na software, at paglalakbay sa buong mundo (sa pamamagitan ng mga dokumentaryo).
Higit pa Mula kay Kadeisha KeanMag-subscribe sa aming newsletter
Sumali sa aming newsletter para sa mga tip sa tech, pagsusuri, libreng ebook, at eksklusibong deal!
Mag-click dito upang mag-subscribe