Métodos de Objetos do JavaScript

Exemplo

Recomendação de curso:
  var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 648,
    fullName : function() {
  }
};

Experimente por conta própria

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

Métodos JavaScript

Métodos JavaScript são ações que podem ser executadas em objetos. MétodoJavaScriptDefinição de funçãoÉ uma estrutura que contém

Atributo da propriedade.
valor firstName
Bill lastName
Gates age
62 eyeColor
blue fullName

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

this Métodos são funções armazenadas como atributos de objetos.

palavra-chave this do que, em JavaScript, é chamado de

this do valor, ao usar na função, é o objeto que "possui" essa função.

Atenção this Não é uma variável. É uma palavra-chave. Você não pode mudar this do valor.

Acesse o método do objeto

Crie métodos de objeto da seguinte forma:

methodName : function() { Linha de código }

Acesse o método do objeto da seguinte forma:

objectName.methodName()

Você geralmente descreveria fullName() como um método do objeto person, e fullName como uma propriedade.

A propriedade fullName, quando chamada com (), é executada como uma função.

Este exemplo acessa o método fullName() do objeto person Método:

Exemplo

name = person.fullName();

Experimente por conta própria

Se você acessar fullName AtributoSe não usar () ao definir, será retornadoDefinição de função:

Exemplo

name = person.fullName;

Experimente por conta própria

Usar métodos built-in

Este exemplo usa o objeto toUpperCase() Método, transformar texto em maiúsculas:

var message = "Olá mundo!";
var x = message.toUpperCase();

O valor de x, após a execução do código acima, será:

HELLO WORLD!

Adicionar novos métodos

Adicionar métodos ao objeto é feito dentro da função construtora:

Exemplo

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;
    };
}

O valor da função changeName() é atribuído ao atributo lastName do person.

Agora você pode tentar:

myMother.changeName("Jobs");

Experimente por conta própria

Ao usar myMother "em vez de" this, o JavaScript sabe qual pessoa você está se referindo.