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

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

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

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

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

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

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

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

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

цласс ЦлассНаме {
// тело класе
}

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

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

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

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

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

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

разред ученик {
конструктор (фирстНаме, ластНаме, стартДате) {
тхис.фирстНаме = прво име;
тхис.ластНаме = ластНаме;
тхис.стартДате = стартДате;
}
}

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

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

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

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

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

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

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

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

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

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

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

// креирање новог објекта
цонст јохн = нови студент ('Јохн', 'Бровн', '2018');

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

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

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

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

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

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

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

разред ученик {
конструктор (фирстНаме, ластНаме, стартДате) {
тхис.фирстНаме = прво име;
тхис.ластНаме = ластНаме;
тхис.стартДате = стартДате;
}
// метода извештавања
извештај(){
ретурн `$ {тхис.фирстНаме} $ {тхис.ластНаме} је почео да похађа ову установу у $ {тхис.стартДате}`
}
}

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

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

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

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

// креирање новог објекта
цонст јохн = нови студент ('Јохн', 'Бровн', '2018');
// позивање методе извештаја и чување њеног резултата у променљивој
лет ресулт = јохн.репорт ();
// штампање резултата на конзоли
цонсоле.лог (резултат);

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

Јохн Бровн је почео да похађа ову институцију 2018. године

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

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

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

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

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

разред ученик {
конструктор (фирстНаме, ластНаме, стартДате) {
тхис.фирстНаме = прво име;
тхис.ластНаме = ластНаме;
тхис.стартДате = стартДате;
}
// метода извештавања
извештај(){
ретурн `$ {тхис.фирстНаме} $ {тхис.ластНаме} је почео да похађа ову установу у $ {тхис.стартДате}`
}
// статичка метода
статиц ендДате (стартДате) {
ретурн стартДате + 4;
}
}

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

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

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

// позивање статичког метода и штампање његовог резултата на конзоли
цонсоле.лог (Студент.ендДате (2018));

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

2022

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

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

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

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

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

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

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

Прочитајте следеће

О аутору