Научите како да креирате класе у ЈаваСцрипт -у

Научите како да креирате класе у ЈаваСцрипт -у

2015. године објављена је ЕС6 верзија програмског језика ЈаваСцрипт. Ово издање је увело неке значајне надоградње језика и званично га сврстало у категорију објектно оријентисаног програмског језика међу осталим језицима, попут Јаве и Ц ++.





Објектно оријентисано програмирање фокусира се на објекте и операције које се на њима могу извршити. Међутим, пре него што будете могли да имате било које објекте, морате имати класу.





како да преузмете старе фацебоок поруке

ЈаваСцрипт класе су једна од функција које мењају игре које су дошле са ЕС6 верзијом језика. Класа се може описати као нацрт који се користи за креирање објеката.



У овом водичу ћете научити како да креирате и манипулишете објектима користећи ЈаваСцрипт класе.

Структура класе ЈаваСцрипт

Приликом креирања класе у ЈаваСцрипт -у постоји једна фундаментална компонента која ће вам увек бити потребна - класа кључна реч. Скоро сваки други аспект класе ЈаваСцрипт није потребан за њено успешно извршавање.



ЈаваСцрипт класа ће се извршити природно ако није обезбеђен конструктор (класа ће једноставно креирати празан конструктор током извршавања). Међутим, ако се креира ЈаваСцрипт класа са конструкторима и другим функцијама, али се не користи кључна реч класе, ова класа неће бити извршна.

Тхе класа кључна реч (која увек треба да буде мала) је неопходна у структури класе ЈаваСцрипт. Следећи пример је општа синтакса класе ЈаваСцрипт. Синтакса класе ЈаваСцрипт је испод:





class ClassName{
//class body
}

Креирање класе у ЈаваСцрипт -у

У програмирању се класа може посматрати као генерализовани ентитет који се користи за креирање специјализованог објекта. На пример, у школском окружењу, генерализовани ентитет (разред) могу бити ученици, а објект ученика може бити Јохн Бровн. Али пре него што креирате објекат, морате знати податке које ће он складиштити, и ту наступају ЈаваСцрипт конструктори.

Коришћење конструктора у ЈаваСцрипт класама

Конструктор је од виталног значаја за процес креирања класе из неколико разлога; иницијализује стање објекта (преко његових атрибута) и аутоматски се позива када се нови објекат инстанцира (дефинише и креира).





Коришћење примера конструктора

Испод ћете видети пример конструктора са објашњењем шта то значи.

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
}

Горњи код представља важан аспект конструктора ЈаваСцрипт класе; за разлику од других језика, попут Јаве и Ц ++, ЈаваСцрипт конструктор не користи назив класе за креирање конструктора. Она користи градитељ кључну реч као што можете видети у горњем примеру.

Повезан: Научите како да креирате класе у Јави

Тхе градитељ у горњем примеру узима три параметра и користи ово кључна реч за додељивање параметара тренутној инстанци класе. Могло би изгледати помало збуњујуће, али оно што морате схватити је да се класа може посматрати као нацрт који се користи за стварање многих кућа.

Свака изграђена кућа се тада може посматрати као објекат ове класе. Иако је свака од ових кућа створена истим планом, разликују се по специфичној географској локацији или људима који их поседују.

Тхе ово кључна реч се користи за разликовање сваког објекта који је креирала класа. Он осигурава да се тачни подаци чувају и обрађују за сваки објекат који је креиран помоћу исте класе.

Креирање објекта у ЈаваСцрипт -у

Конструктори су важни у језику као што је ЈаваСцрипт јер означавају број атрибута које би објект одређене класе требао имати. Неки језици ће захтевати да се атрибут (променљива) објави пре него што се може користити у конструктору или било којој другој методи. Међутим, то није случај са ЈаваСцрипт -ом.

Повезано: Како декларисати променљиве у ЈаваСцрипт -у

Гледајући горњи конструктор студентске класе, можете закључити да ће објекат ове класе имати три атрибута.

Креирање примера објекта

Испод ћете видети пример за креирање објекта у ЈаваСцрипт -у.

//create a new object
const john = new Student('John', 'Brown', '2018');

Горњи код користи Ученик класе за креирање објекта.

Приликом креирања објекта класе морате користити Нова кључна реч, затим име класе и вредности које желите да доделите одговарајућим атрибутима. Сада имате новог ученика са именом Јохн, презиме Бровн и датумом почетка 2018. Такође имате и сталну променљиву: јохн. Ова променљива је важна јер вам омогућава да користите објекат који је креиран.

Без јохн променљивој ћете и даље моћи да креирате нови објекат користећи Ученик цласс, али тада неће бити начина да се приступи овом објекту и да се користи са различитим методама класе.

Коришћење метода у ЈаваСцрипт класама

Метода је функција класе која се користи за извођење операција над објектима који су створени из класе. Добар метод за додавање ученичком часу је онај који генерише извештај о сваком ученику.

Пример креирања метода класе

Испод је пример за креирање метода класе у ЈаваСцрипт -у.

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}`
}
}

Горња класа садржи метод који ће генерисати извештај о сваком ученику креираном помоћу Ученик класа. Да бисте користили извештај() метод ћете морати да користите постојећи објекат класе да бисте упутили једноставан позив функције.

Захваљујући горњем примеру креирања објекта, требало би да имате објекат Ученик класе која је додељена променљивој јохн . Користећи јохн , сада можете успешно позвати извештај() метода.

Пример примене метода класе

Испод је пример коришћења метода класе у ЈаваСцрипт -у.

//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);

Горњи код користи Студенти цласс да произведе следећи излаз у конзоли:

John Brown started attending this institution in 2018

Коришћење статичких метода у ЈаваСцрипт класама

Статичке методе су јединствене јер су једине методе у класи ЈаваСцрипт које се могу користити без објекта.

Из горњег примера не можете да користите извештај() метод без објекта класе. То је зато што је извештај() метода се ослања на атрибуте објекта да би произвела жељени резултат. Међутим, да бисте користили статички метод, биће вам потребно само име класе која складишти методу.

Пример креирања статичке методе

Испод је пример статичке методе за ЈаваСцрипт.

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;
}
}

Важно је напоменути из горњег примера да свака статичка метода почиње са статичан кључна реч.

Пример примене статичке методе

Испод је пример коришћења статичке методе у ЈаваСцрипт -у.

//calling a static method and printing its result to the console
console.log(Student.endDate(2018));

Горњи ред кода користи Студенти цласс да произведе следећи излаз у конзоли:

2022

Прављење ЈаваСцрипт класе је једноставно

Неколико ствари морате запамтити ако желите да креирате ЈаваСцрипт класу и из ње направите један или више објеката:

  • ЈаваСцрипт класа мора имати класа кључна реч.
  • ЈаваСцрипт конструктор означава број вредности које објекат може имати.
  • Методе опште класе не могу се користити без објекта.
  • Статичке методе се могу користити без објеката.

Тхе конзола . Пријава() Ова метода се користи у овом чланку за пружање резултата коришћења општих и статичких метода у класи ЈаваСцрипт. Ова метода је користан алат за било ког ЈаваСцрипт програмера јер помаже у процесу отклањања грешака.

Упознавање са цонсоле.лог () метода је једна од најважнијих ствари које можете да урадите као ЈаваСцрипт програмер.

Објави Објави Твеет Емаил Тхе Ултимате ЈаваСцрипт Цхеат Схеет

Брзо освежите ЈаваСцрипт елементе помоћу ове подлоге.

Прочитајте следеће
Повезане теме
  • Програмирање
  • Програмирање
  • ЈаваСцрипт
  • Савети за кодирање
  • Кодирање Туториали
О аутору Кадеисха Кеан(Објављен 21 чланак)

Кадеисха Кеан је програмер софтвера и писац техничке/технологије. Она има изразиту способност да поједностави неке од најсложенијих технолошких концепата; производњу материјала који може лако разумети сваки почетник у технологији. Одушевљена је писањем, развојем занимљивог софтвера и путовањем по свету (кроз документарне филмове).

Више од Кадеисха Кеан

Претплатите се на наш билтен

Придружите се нашем билтену за техничке савете, критике, бесплатне е -књиге и ексклузивне понуде!

Кликните овде да бисте се претплатили