U ovom ćete uputstvu uz primjere naučiti o metodama JavaScript objekta i ovoj ključnoj riječi.
U JavaScriptu objekti također mogu sadržavati funkcije. Na primjer,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
U gornjem primjeru personobjekt ima dva ključa ( namei greet) koji imaju vrijednost niza, odnosno vrijednost funkcije.
Stoga je u osnovi JavaScript metoda svojstvo objekta koje ima vrijednost funkcije.
Pristup objektnim metodama
Objektnoj metodi možete pristupiti pomoću točke oznake. Sintaksa je:
objectName.methodKey()
Svojstvu možete pristupiti pozivom objectName i ključa . Metodi možete pristupiti pozivom objectName i ključa za tu metodu zajedno s (). Na primjer,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Ovdje se greetmetodi pristupa person.greet()umjesto person.greet.
Ako metodi pokušate pristupiti samo s tim person.greet, dat će vam definiciju funkcije.
person.greet; // ƒ () ( console.log('hello'); )
JavaScript ugrađene metode
U JavaScript postoji mnogo ugrađenih metoda. Na primjer,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Ovdje se parseInt()metoda objekta Number koristi za pretvaranje numeričke vrijednosti niza u cijelu vrijednost.
Da biste saznali više o ugrađenim metodama, posjetite JavaScript ugrađene metode.
Dodavanje metode JavaScript objektu
U objekt možete dodati i metodu. Na primjer,
// creating an object let student = ( ); // adding a property student.name = 'John'; // adding a method student.greet = function() ( console.log('hello'); ) // accessing a method student.greet(); // hello
U gornjem primjeru stvara se prazan studentobjekt. Zatim namese dodaje svojstvo. Slično tome, greetdodana je i metoda. Na taj način objektu možete dodati metodu kao i svojstvo.
JavaScript ovu ključnu riječ
Da biste pristupili svojstvu objekta iz metode istog objekta, morate upotrijebiti thisključnu riječ. Razmotrimo primjer.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Izlaz
Ime je John
U gornjem primjeru personkreira se objekt. Sadrži svojstva ( namei age) i metodu greet.
U metodi se greet, dok pristupa svojstvu objekta, thiskoristi ključna riječ.
Da bi se pristupilo svojstvima objekta, thiskoristi se ključna riječ koja slijedi by .i key .
Napomena : U JavaScriptu se thisključna riječ kada se koristi s metodom objekta odnosi na objekt. thisvezan je za objekt.
Međutim, funkcija unutar objekta može pristupiti njezinoj varijabli na sličan način kao i normalna funkcija. Na primjer,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Izlaz
Ime je John Doe
