I denna handledning lär du dig om JavaScript-objektmetoder och detta nyckelord med hjälp av exempel.
I JavaScript kan objekt också innehålla funktioner. Till exempel,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
I exemplet ovan har ett personobjekt två tangenter ( nameoch greet) som har ett strängvärde respektive ett funktionsvärde.
Därför är JavaScript- metoden i princip en objektegenskap som har ett funktionsvärde.
Åtkomst till objektmetoder
Du kan komma åt en objektmetod med hjälp av en punktnotation. Syntaksen är:
objectName.methodKey()
Du kan komma åt egenskapen genom att ringa ett objektnamn och en nyckel . Du kan komma åt en metod genom att anropa ett objektnamn och en nyckel för den metoden tillsammans med (). Till exempel,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Här används greetmetoden som person.greet()istället för person.greet.
Om du bara försöker komma åt metoden person.greetkommer det att ge dig en funktionsdefinition.
person.greet; // ƒ () ( console.log('hello'); )
JavaScript-inbyggda metoder
I JavaScript finns det många inbyggda metoder. Till exempel,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Här används parseInt()metoden för Number-objekt för att konvertera numeriskt strängvärde till ett heltal.
För att lära dig mer om inbyggda metoder, besök JavaScript Inbyggda metoder.
Lägga till en metod till ett JavaScript-objekt
Du kan också lägga till en metod i ett objekt. Till exempel,
// 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 exemplet ovan studentskapas ett tomt objekt. Sedan nameläggs fastigheten till. På samma greetsätt läggs metoden också till. På detta sätt kan du lägga till en metod såväl som egenskap till ett objekt.
JavaScript detta nyckelord
För att få tillgång till en egenskap hos ett objekt från en metod för samma objekt måste du använda thisnyckelordet. Låt oss överväga ett exempel.
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
Namnet är John
I exemplet ovan personskapas ett objekt. Den innehåller egenskaper ( nameoch age) och en metod greet.
I metoden greetanvänds thisnyckelord när du går åt en egenskap för ett objekt .
För att komma åt egenskaperna för ett objekt används thisnyckelordet efter .och nyckel .
Obs! I JavaScript thishänvisar nyckelordet till objektet när det används med objektets metod. thisär bunden till ett objekt.
Men funktionen inuti ett objekt kan komma åt den variabel på ett liknande sätt som en normal funktion skulle göra. Till exempel,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Produktion
Namnet är John Doe
