Metodi oggetto JavaScript

Esempio

Recomendazione di corso:
  var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 648,
    fullName : function() {
  }
};

Prova personalmente

return this.firstName + " " + this.lastName;

Metodi JavaScript

Metodi JavaScript sono azioni che possono essere eseguite sugli oggetti. MetodoJavaScriptDefinizione della funzioneÈ contenuta

Proprietà proprietà.
valore firstName
Bill lastName
Gates age
62 eyeColor
blue fullName

function() {return this.firstName + " " + this.lastName;}

this Metodo è una funzione memorizzata come attributo dell'oggetto.

parola chiave this oggetti, si chiama

this valore, utilizzato all'interno della funzione, è l'oggetto che " possiede " la funzione.

Attenzione this Non è una variabile. È una parola chiave. Non puoi cambiarla this valore.

Accedi al metodo dell'oggetto

Per creare un metodo dell'oggetto, usa la seguente sintassi:

methodName : function() { Riga di codice }

Per accedere ai metodi degli oggetti, usa la seguente sintassi:

objectName.methodName()

Di solito descrivi fullName() come metodo dell'oggetto person, fullName come attributo.

L'attributo fullName, quando chiamato tramite ()

Questo esempio accede al metodo fullName() dell'oggetto person Metodo:

Esempio

name = person.fullName();

Prova personalmente

Se accedi a fullName ProprietàSe la funzione non utilizza ()Definizione della funzione:

Esempio

name = person.fullName;

Prova personalmente

Metodo built-in

Questo esempio utilizza l'oggetto toUpperCase() Metodo, trasformare il testo in maiuscolo:

var message = "Hello world!";
var x = message.toUpperCase();

Il valore di x, dopo l'esecuzione del codice sopra, sarà:

HELLO WORLD!

Aggiungere nuovi metodi

Aggiungere metodi agli oggetti è fatto all'interno della funzione costruttore:

Esempio

function person(firstName, lastName, age, eyeColor) {
    this.firstName = firstName;  
    this.lastName = lastName;
    this.age = age;
    this.eyeColor = eyeColor;
    this.changeName = function (name) {
        this.lastName = name;
    };
}

Il valore della funzione changeName() è assegnato all'attributo lastName di person.

Ora puoi provare:

myMother.changeName("Jobs");

Prova personalmente

Utilizzando myMother "al posto" di this, JavaScript capisce a quale person si riferisce.