Ebben az oktatóanyagban példák segítségével megismerheti a JavaScript objektum módszereket és ezt a kulcsszót.
A JavaScript-ben az objektumok funkciókat is tartalmazhatnak. Például,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
A fenti példában egy person
objektumnak két kulcsa van ( name
és greet
), amelyeknek karakterlánc- és függvényértékük van.
Ezért alapvetően a JavaScript metódus olyan objektumtulajdonság, amelynek függvényértéke van.
Objektum módszerek elérése
Az objektum metódushoz pontszerű jelöléssel férhet hozzá. A szintaxis a következő:
objectName.methodKey()
A tulajdonsághoz egy objectName és egy kulcs meghívásával férhet hozzá . A metódushoz úgy férhet hozzá, hogy meghívja az objectName nevet és a metódus kulcsát()
. Például,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Itt a greet
metódus a person.greet()
helyett érhető el person.greet
.
Ha csak a módszerrel próbál meg hozzáférni person.greet
, akkor ez egy funkciódefiníciót ad.
person.greet; // ƒ () ( console.log('hello'); )
JavaScript beépített módszerek
A JavaScript-ben sok beépített módszer létezik. Például,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Itt parseInt()
a Number objektum metódusát használjuk arra, hogy a numerikus karakterláncot egész számra konvertálja.
Ha többet szeretne megtudni a beépített módszerekről, keresse fel a JavaScript beépített módszereit.
Metódus hozzáadása egy JavaScript objektumhoz
Metódust is hozzáadhat egy objektumhoz. Például,
// 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
A fenti példában üres student
objektum jön létre. Ezután name
hozzáadódik az ingatlan. Ehhez hasonlóan greet
hozzáadják a módszert is. Ily módon metódust és tulajdonságot is hozzáadhat az objektumhoz.
JavaScript ezt a kulcsszót
Az objektum tulajdonságainak eléréséhez ugyanazon objektum metódusából kell használni a this
kulcsszót. Vegyünk egy példát.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Kimenet
A név John
A fenti példában egy person
objektum jön létre. Tulajdonságokat ( name
és age
) és egy módszert tartalmaz greet
.
A módszer greet
során egy objektum tulajdonságának elérése közben this
kulcsszót használnak.
Az objektum tulajdonságainak eléréséhez a this
kulcsszó a .
és a gombok után következik .
Megjegyzés : A JavaScript-ben a this
kulcsszó az objektum metódusával együtt az objektumra utal. this
egy tárgyhoz van kötve.
Az objektum belsejében lévő függvény azonban ugyanúgy hozzáférhet a változóhoz, mint egy normál függvény. Például,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Kimenet
A név John Doe