Tässä opetusohjelmassa opit JavaScript-objektimenetelmistä ja avainsanasta esimerkkien avulla.
JavaScriptissä objektit voivat sisältää myös toimintoja. Esimerkiksi,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
Yllä olevassa esimerkissä personobjektilla on kaksi avainta ( nameja greet), joilla on merkkijonoarvo ja funktioarvo.
Siksi JavaScript- menetelmä on olioominaisuus, jolla on funktion arvo.
Objektimenetelmien käyttö
Voit käyttää objektimenetelmää pistemerkinnällä. Syntaksi on:
objectName.methodKey()
Voit käyttää ominaisuutta kutsumalla objectName ja avain . Voit käyttää menetelmää kutsumalla objektin nimen ja avaimen tälle menetelmälle yhdessä (). Esimerkiksi,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Tässä greetmenetelmä on näytetty kuin person.greet()sijasta person.greet.
Jos yrität käyttää menetelmää vain person.greet, se antaa sinulle funktion määritelmän.
person.greet; // ƒ () ( console.log('hello'); )
Sisäänrakennetut JavaScript-menetelmät
JavaScriptissä on monia sisäänrakennettuja menetelmiä. Esimerkiksi,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Tässä parseInt()Numero-objektin menetelmää käytetään muuntaa numeerinen merkkijonoarvo kokonaisluvuksi.
Jos haluat lisätietoja sisäänrakennetuista menetelmistä, käy JavaScriptin sisäänrakennetuissa menetelmissä.
Menetelmän lisääminen JavaScript-objektiin
Voit myös lisätä menetelmän objektiin. Esimerkiksi,
// 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
Yllä olevassa esimerkissä luodaan tyhjä studentobjekti. Sitten nameominaisuus lisätään. Samalla tavalla greetlisätään myös menetelmä. Tällä tavalla voit lisätä objektiin sekä menetelmän että ominaisuuden.
JavaScript tämä avainsana
Jos haluat käyttää objektin ominaisuutta saman objektin menetelmällä, sinun on käytettävä thisavainsanaa. Tarkastellaan esimerkkiä.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Tuotos
Nimi on John
Yllä olevassa esimerkissä luodaan personobjekti. Se sisältää ominaisuuksia ( nameja age) ja menetelmän greet.
Menetelmässä käytetään avainsanaa greet, kun käytät objektin ominaisuutta this.
Kohteen ominaisuuksien käyttämiseksi thisavainsanaa käytetään .ja -näppäimen jälkeen .
Huomaa : JavaScriptissä thisavainsana, kun sitä käytetään objektin menetelmässä, viittaa objektiin. thison sidottu esineeseen.
Objektin sisällä oleva toiminto voi kuitenkin käyttää sitä muuttuvalla tavalla samalla tavalla kuin tavallinen toiminto. Esimerkiksi,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Tuotos
Nimi on John Doe
