У овом упутству ћете научити о методама ЈаваСцрипт објеката и овој кључној речи уз помоћ примера.
У ЈаваСцрипт-у објекти такође могу садржати функције. На пример,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
У горњем примеру, person
објекат има два кључа ( name
и greet
), који имају вредност низа, односно вредност функције.
Стога је у основи ЈаваСцрипт метода својство објекта које има вредност функције.
Приступ објектним методама
Можете приступити објектној методи помоћу тачкасте нотације. Синтакса је:
objectName.methodKey()
Својству можете приступити позивањем објецтНаме и кључа . Методи можете приступити позивањем објецтНаме и кључа за ту методу заједно са ()
. На пример,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Овде се greet
методи приступа person.greet()
уместо person.greet
.
Ако покушате да приступите методи само person.greet
, она ће вам дати дефиницију функције.
person.greet; // ƒ () ( console.log('hello'); )
ЈаваСцрипт уграђене методе
У ЈаваСцрипт постоји много уграђених метода. На пример,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Овде се parseInt()
метода објекта Нумбер користи за претварање нумеричке вредности низа у целобројну вредност.
Да бисте сазнали више о уграђеним методама, посетите ЈаваСцрипт уграђене методе.
Додавање методе ЈаваСцрипт објекту
Такође можете додати методу у објекат. На пример,
// 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
У горњем примеру се ствара празан student
објекат. Затим name
се додаје својство. Слично томе, greet
додата је и метода. На тај начин објекту можете додати метод, као и својство.
ЈаваСцрипт ову кључну реч
Да бисте приступили својству објекта из методе истог објекта, потребно је да користите this
кључну реч. Размотримо пример.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Оутпут
Зове се Јован
У горњем примеру person
се креира објекат. Садржи својства ( name
и age
) и метод greet
.
У методи greet
, док се приступа својству објекта, this
користи се кључна реч.
Да би се приступило својствима објекта, this
користи се кључна реч која следи .
и кључ .
Напомена : У ЈаваСцрипт-у, this
кључна реч када се користи са методом објекта односи се на објекат. this
је везан за објекат.
Међутим, функција унутар објекта може приступити њеној променљивој на сличан начин као и нормална функција. На пример,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Оутпут
Име је Јохн Дое