I denne vejledning lærer du om JavaScript-objektmetoder og dette nøgleord ved hjælp af eksempler.
I JavaScript kan objekter også indeholde funktioner. For eksempel,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
I ovenstående eksempel har et personobjekt to nøgler ( nameog greet), som har henholdsvis en strengværdi og en funktionsværdi.
Derfor er JavaScript- metoden grundlæggende en objektegenskab, der har en funktionsværdi.
Adgang til objektmetoder
Du kan få adgang til en objektmetode ved hjælp af en priknotation. Syntaksen er:
objectName.methodKey()
Du kan få adgang til ejendom ved at kalde et objektnavn og en nøgle . Du kan få adgang til en metode ved at kalde et objektnavn og en nøgle til den metode 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 greetåbnes metoden som i person.greet()stedet for person.greet.
Hvis du kun forsøger at få adgang til metoden person.greet, giver den dig en funktionsdefinition.
person.greet; // ƒ () ( console.log('hello'); )
JavaScript-indbyggede metoder
I JavaScript er der mange indbyggede metoder. For eksempel,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Her bruges parseInt()metoden til nummerobjekt til at konvertere numerisk strengværdi til en heltalværdi.
Hvis du vil lære mere om indbyggede metoder, skal du besøge JavaScript-indbyggede metoder.
Tilføjelse af en metode til et JavaScript-objekt
Du kan også tilføje 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 ovenstående eksempel studentoprettes et tomt objekt. Derefter nametilføjes ejendommen. Tilsvarende greettilføjes metoden også. På denne måde kan du tilføje en metode såvel som egenskab til et objekt.
JavaScript dette nøgleord
For at få adgang til en genstand for et objekt fra en metode til det samme objekt, skal du bruge thisnøgleordet. Lad os overveje 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();
Produktion
Navnet er John
I ovenstående eksempel personoprettes et objekt. Den indeholder egenskaber ( nameog age) og en metode greet.
I metoden bruges nøgleordet greet, mens du får adgang til en egenskab for et objekt this.
For at få adgang til et objekts egenskaberthis bruges nøgleord efter .og nøgle .
Bemærk : I JavaScript thishenviser nøgleord, når det bruges med objektets metode, til objektet. thiser bundet til et objekt.
Funktionen inde i et objekt kan dog få adgang til dens variabel på samme måde som en normal funktion ville. For eksempel,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Produktion
Navnet er John Doe
