JavaScript-módszerek és ez a kulcsszó (példákkal)

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 personobjektumnak 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 greetmetó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 studentobjektum jön létre. Ezután namehozzáadódik az ingatlan. Ehhez hasonlóan greethozzá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 thiskulcsszó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 personobjektum jön létre. Tulajdonságokat ( nameés age) és egy módszert tartalmaz greet.

A módszer greetsorán egy objektum tulajdonságának elérése közben thiskulcsszót használnak.

Az objektum tulajdonságainak eléréséhez a thiskulcsszó a .és a gombok után következik .

Megjegyzés : A JavaScript-ben a thiskulcsszó az objektum metódusával együtt az objektumra utal. thisegy 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

érdekes cikkek...