JavaScript-metoder og dette nøkkelordet (med eksempler)

I denne veiledningen vil du lære om JavaScript-objektmetoder og dette nøkkelordet ved hjelp av eksempler.

I JavaScript kan objekter også inneholde funksjoner. For eksempel,

 // object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );

I eksemplet ovenfor har et personobjekt to nøkler ( nameog greet), som har henholdsvis en strengverdi og en funksjonsverdi.

Derfor er i utgangspunktet JavaScript- metoden en objektegenskap som har en funksjonsverdi.

Få tilgang til objektmetoder

Du kan få tilgang til en objektmetode ved å bruke en punktnotasjon. Syntaksen er:

 objectName.methodKey()

Du kan få tilgang til eiendom ved å ringe et objektnavn og en nøkkel . Du kan få tilgang til en metode ved å ringe et objektnavn og en nøkkel for den metoden sammen med (). For eksempel,

 // accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello

Her får du tilgang til greetmetoden som i person.greet()stedet for person.greet.

Hvis du prøver å få tilgang til metoden med bare person.greet, vil det gi deg en funksjonsdefinisjon.

 person.greet; // ƒ () ( console.log('hello'); )

JavaScript innebygde metoder

I JavaScript er det mange innebygde metoder. For eksempel,

 let number = '23.32'; let result = parseInt(number); console.log(result); // 23

Her brukes parseInt()metoden for Number-objekt for å konvertere numerisk strengverdi til et heltall.

For å lære mer om innebygde metoder, besøk JavaScript innebygde metoder.

Legge til en metode i et JavaScript-objekt

Du kan også legge til en metode i et objekt. For eksempel,

 // 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

I eksemplet ovenfor studentopprettes et tomt objekt. Deretter blir nameeiendommen lagt til. Tilsvarende blir greetmetoden også lagt til. På denne måten kan du legge til en metode så vel som eiendom til et objekt.

JavaScript dette nøkkelordet

For å få tilgang til en eiendom til et objekt fra en metode for det samme objektet, må du bruke thisnøkkelordet. La oss se på et eksempel.

 const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();

Produksjon

 Navnet er John

I eksemplet ovenfor personopprettes et objekt. Den inneholder egenskaper ( nameog age) og en metode greet.

I metoden brukes nøkkelord greetmens du får tilgang til en eiendom til et objekt this.

For å få tilgang til egenskapene til et objekt, brukes thisnøkkelord etter .og nøkkel .

Merk : I JavaScript thisrefererer nøkkelord når det brukes med objektets metode til objektet. thiser bundet til et objekt.

Imidlertid kan funksjonen inne i et objekt få tilgang til variabelen på samme måte som en normal funksjon ville gjort. For eksempel,

 const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();

Produksjon