În acest tutorial, veți afla despre metodele obiectelor JavaScript și despre acest cuvânt cheie cu ajutorul exemplelor.
În JavaScript, obiectele pot conține și funcții. De exemplu,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
În exemplul de mai sus, un person
obiect are două taste ( name
și greet
), care au o valoare șir și, respectiv, o funcție.
Prin urmare, practic, metoda JavaScript este o proprietate obiect care are o valoare funcțională.
Accesarea metodelor obiectelor
Puteți accesa o metodă obiect folosind o notație punct. Sintaxa este:
objectName.methodKey()
Puteți accesa proprietatea apelând un obiectNume și o cheie . Puteți accesa o metodă apelând un objectName și o cheie pentru metoda respectivă împreună cu ()
. De exemplu,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Aici, greet
metoda este accesată ca person.greet()
în loc de person.greet
.
Dacă încercați să accesați metoda numai person.greet
, aceasta vă va oferi o definiție a funcției.
person.greet; // ƒ () ( console.log('hello'); )
Metode încorporate JavaScript
În JavaScript, există multe metode încorporate. De exemplu,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Aici, parseInt()
metoda obiectului Number este utilizată pentru a converti valoarea șirului numeric într-o valoare întreagă.
Pentru a afla mai multe despre metodele încorporate, vizitați Metode încorporate JavaScript.
Adăugarea unei metode la un obiect JavaScript
De asemenea, puteți adăuga o metodă într-un obiect. De exemplu,
// 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
În exemplul de mai sus, student
este creat un obiect gol . Apoi, name
proprietatea este adăugată. În mod similar, greet
se adaugă și metoda. În acest fel, puteți adăuga o metodă, precum și o proprietate unui obiect.
JavaScript acest cuvânt cheie
Pentru a accesa o proprietate a unui obiect din cadrul unei metode a aceluiași obiect, trebuie să utilizați this
cuvântul cheie. Să luăm în considerare un exemplu.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Ieșire
Numele este John
În exemplul de mai sus, person
este creat un obiect. Conține proprietăți ( name
și age
) și o metodă greet
.
În metodă greet
, în timp ce accesați o proprietate a unui obiect, this
este utilizat cuvântul cheie.
Pentru a accesa proprietățile unui obiect, this
cuvântul cheie este utilizat în urma tastelor.
și .
Notă : În JavaScript, this
cuvântul cheie atunci când este utilizat cu metoda obiectului se referă la obiect. this
este legat de un obiect.
Cu toate acestea, funcția din interiorul unui obiect poate accesa variabila ei într-un mod similar ca o funcție normală. De exemplu,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Ieșire
Numele este John Doe