Metode JavaScript și acest cuvânt cheie (cu exemple)

Î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 personobiect 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, greetmetoda 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, studenteste creat un obiect gol . Apoi, nameproprietatea este adăugată. În mod similar, greetse 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 thiscuvâ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, personeste 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, thiseste utilizat cuvântul cheie.

Pentru a accesa proprietățile unui obiect, thiscuvântul cheie este utilizat în urma tastelor. și .

Notă : În JavaScript, thiscuvântul cheie atunci când este utilizat cu metoda obiectului se referă la obiect. thiseste 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

Articole interesante...