Шта је ЈаваСцрипт класа и како се користи?

У објектно оријентисаном програмирању, класа је прошириви програмски код-образац за креирање објеката. класе се првенствено могу сматрати синтаксичким шећером над постојећим ЈаваСцрипт наслеђивањем заснованим на прототипу. У овом чланку ћемо ући у дубину класе ЈаваСцрипт и научити како да их користимо у следећем низу:

• Шта је ЈаваСцрипт класа?
• Како се користи ЈаваСцрипт класа?
  • Дефинисати класу
  • Дефинишите методе
  • Проширење класе

Шта је ЈаваСцрипт класа?

У ЈаваСцрипт-у, класа је врста функције и декларисана је кључном речи цласс. Треба да користите синтаксу израза функције за иницијализацију функције и синтаксу израза класе за иницијализацију класе.

// Иницијализација функције помоћу израза функције цонст а = фунцтион () {}

// Иницијализација класе изразом класе цонст б = цласс {}

У ЈаваСцрипт-у, уместо да користимо функцију кључне речи за њено покретање, користимо класу кључних речи. Такође, својства се додељују унутар методе конструктор ().

Како се користи ЈаваСцрипт класа?

Код декларисан са функцију и класа враћају функцију [[прототип]]. Са прототиповима, било која функција може постати инстанца конструктора помоћу нове кључне речи. На пример:

цонст а = цласс {} // Покрени конструктор из класе цонст цонструцторФромЦласс = нев а () цонсоле.лог (цонструцторФромЦласс)

Излаз:

конструктор {}: класа

Постоје три различита начина употребе класе у ЈаваСцрипт-у. Уђимо у детаље сваке методе са примером.

Дефинисати класу

Функција конструктора се иницијализује са низом параметара, који се додељује као својства ‘Ово’ , позивајући се на саму функцију. Прво слово идентификатора је написано великим словом.

// Иницијализација функције конструктора функција запосленик (име, емпид) {тхис.наме = наме тхис.емпид = емпид}

Сада, ако ово преведемо у синтаксу класе, видећете да су структуре врло сличне.

// Иницијализација запосленика класе дефиниције класе {конструктор (име, емпид) {тхис.наме = име тхис.емпид = емпид}}

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

Дефинишите методе

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

функција запосленик (име, емпид) {тхис.наме = наме тхис.емпид = емпид} // Додавање методе конструктору воркер.прототипе.греет = фунцтион () {ретурн `$ {тхис.наме} поздравља.`}

Када исти код пишете са класом, он је поједностављен и метода се додаје директно.

запослени у класи {конструктор (име, емпид) {тхис.наме = име тхис.емпид = емпид} // Додавање методе у конструктор греет () {ретурн `$ {тхис.наме} поздравља.`}}

Иако часови омогућавају једноставнију и сажетију синтаксу, понекад ћете можда морати да направите компромис са јасноћом у процесу.

Проширење класе

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

како спојити податке у табели

Нове функције конструктора могу се креирати од родитеља помоћу методе цалл (). На пример:

// Креирање новог конструктора од података о надређеној функцији (име, испражњено, плата) {// Конструктор ланца са позивом воркер.цалл (тхис, наме, емпид) тхис.салари = паи}

Сада, када исти код пишемо помоћу класе, супер реч се користи уместо позива за приступ родитељским функцијама.

// Стварање нове класе од података о родитељској класи продужава запосленика {конструктор (име, испражњено, плата) {// Конструктор ланца са супер супер (име, испражњено) // Додај ново својство тхис.салари = паи}}

Часови вам пружају сажетији начин стварања објект нацрти и функције конструктора на специфичнији начин описују шта се дешава испод хаубе.

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

Сада када знате за ЈаваСцрипт Цласс, погледајте од Едуреке. Обука за сертификацију за веб развој ће вам помоћи да научите како да креирате импресивне веб локације помоћу ХТМЛ5, ЦСС3, Твиттер Боотстрап 3, јКуери и Гоогле АПИ-ја и примените их на Амазон Симпле Стораге Сервице (С3).

Имате питање за нас? Молимо вас да га спомињете у одељку за коментаре „ЈаваСцрипт класе“ и јавићемо вам се.