Selles õpetuses saate näidete abil õppida JavaScripti tundidest.
Klassid on üks JavaScripti ES6 versioonis tutvustatud omadustest .
Klass on objekti kavand. Klassist saate objekti luua.
Võite mõelda klassist kui maja visandist (prototüübist). See sisaldab kõiki üksikasju põrandate, uste, akende jne kohta. Nende kirjelduste põhjal ehitate maja. Maja on objekt.
Kuna samast kirjeldusest saab teha palju maju, saame klassist luua palju esemeid.
JavaScripti klassi loomine
JavaScripti klass sarnaneb JavaScripti konstruktori funktsiooniga ja see on lihtsalt süntaktiline suhkur.
Konstruktori funktsioon on määratletud järgmiselt:
// constructor function function Person () ( this.name = 'John', this.age = 23 ) // create an object const person1 = new Person();
functionMärksõna kasutamise asemel kasutate seda classJS-klasside loomiseks. Näiteks,
// creating a class class Person ( constructor(name) ( this.name = name; ) )
classMärksõna on kasutatud luua klassis. Atribuudid määratakse konstruktori funktsioonis.
Nüüd saate objekti luua. Näiteks,
// creating a class class Person ( constructor(name) ( this.name = name; ) ) // creating an object const person1 = new Person('John'); const person2 = new Person('Jack'); console.log(person1.name); // John console.log(person2.name); // Jack
Siin person1ja inimene2 on Personklassi objektid .
Märkus . Klassisisest constructor()meetodit nimetatakse automaatselt iga objekti loomisel.
Javascripti klassi meetodid
Konstruktori funktsiooni kasutamisel määrate meetodid järgmiselt:
// constructor function function Person (name) ( // assigning parameter values to the calling object this.name = name; // defining method this.greet = function () ( return ('Hello'' + ' ' + this.name); ) )
JavaScripti klassis on meetodeid lihtne määratleda. Annate lihtsalt meetodi nime, millele järgneb (). Näiteks,
class Person ( constructor(name) ( this.name = name; ) // defining method greet() ( console.log(`Hello $(this.name)`); ) ) let person1 = new Person('John'); // accessing property console.log(person1.name); // John // accessing method person1.greet(); // Hello John
Märkus . Objekti meetodile juurdepääsu saamiseks peate meetodile helistama, kasutades selle nime, millele järgneb ().
Getters ja Setters
JavaScripti abil saavad getter-meetodid objekti väärtuse ja setter-meetodid määravad objekti väärtuse.
JavaScripti klassid võivad hõlmata gettereid ja settereid. getMärksõna kasutate paremate meetodite ja setsetter-meetodite jaoks. Näiteks,
class Person ( constructor(name) ( this.name = name; ) // getter get personName() ( return this.name; ) // setter set personName(x) ( this.name = x; ) ) let person1 = new Person('Jack'); console.log(person1.name); // Jack // changing the value of name property person1.personName = 'Sarah'; console.log(person1.name); // Sarah
Tõstmine
Klass tuleks enne selle kasutamist määratleda. Erinevalt funktsioonidest ja muudest JavaScripti deklaratsioonidest klassi ei tõsteta. Näiteks,
// accessing class const p = new Person(); // ReferenceError // defining class class Person ( constructor(name) ( this.name = name; ) )
Nagu näete, põhjustab klassi sisenemine enne selle määratlemist vea.
"kasuta rangelt"
Klassides järgitakse alati „range-use”. Kogu klassis olev kood on automaatselt ranges režiimis. Näiteks,
class Person ( constructor() ( a = 0; this.name = a; ) ) let p = new Person(); // ReferenceError: Can't find variable: a
Märkus : JavaScripti klass on eritüüpi funktsioon. Ja typeofoperaator naaseb functionklassi eest.
Näiteks,
class Person () console.log(typeof Person); // function
