In questo tutorial imparerai a conoscere i metodi degli oggetti JavaScript e questa parola chiave con l'aiuto di esempi.
In JavaScript, gli oggetti possono contenere anche funzioni. Per esempio,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
Nell'esempio precedente, un personoggetto ha due chiavi ( namee greet), che hanno rispettivamente un valore di stringa e un valore di funzione.
Quindi, fondamentalmente, il metodo JavaScript è una proprietà dell'oggetto che ha un valore di funzione.
Accesso ai metodi degli oggetti
È possibile accedere a un metodo oggetto utilizzando una notazione a punti. La sintassi è:
objectName.methodKey()
È possibile accedere alla proprietà chiamando un objectName e una chiave . È possibile accedere a un metodo chiamando un objectName e una chiave per quel metodo insieme a (). Per esempio,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Qui greetsi accede al metodo come person.greet()invece di person.greet.
Se provi ad accedere al metodo solo con person.greet, ti darà una definizione della funzione.
person.greet; // ƒ () ( console.log('hello'); )
Metodi incorporati di JavaScript
In JavaScript ci sono molti metodi integrati. Per esempio,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Qui, il parseInt()metodo dell'oggetto Number viene utilizzato per convertire il valore di una stringa numerica in un valore intero.
Per ulteriori informazioni sui metodi incorporati, visita Metodi incorporati di JavaScript.
Aggiunta di un metodo a un oggetto JavaScript
Puoi anche aggiungere un metodo in un oggetto. Per esempio,
// 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
Nell'esempio precedente, studentviene creato un oggetto vuoto . Quindi, nameviene aggiunta la proprietà. Allo stesso modo, greetviene aggiunto anche il metodo. In questo modo, puoi aggiungere un metodo oltre che una proprietà a un oggetto.
JavaScript questa parola chiave
Per accedere a una proprietà di un oggetto dall'interno di un metodo dello stesso oggetto, è necessario utilizzare la thisparola chiave. Consideriamo un esempio.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Produzione
Il nome è John
Nell'esempio sopra, personviene creato un oggetto. Contiene proprietà ( namee age) e un metodo greet.
Nel metodo greet, durante l'accesso a una proprietà di un oggetto, thisviene utilizzata la parola chiave.
Per accedere alle proprietà di un oggetto, thisviene utilizzata la parola chiave seguita da .e chiave .
Nota : in JavaScript, la thisparola chiave , se utilizzata con il metodo dell'oggetto, si riferisce all'oggetto. thisè legato a un oggetto.
Tuttavia, la funzione all'interno di un oggetto può accedere alla sua variabile in modo simile a una normale funzione. Per esempio,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Produzione
Il nome è John Doe
