Métodos de objetos JavaScript
Exemplo
const person = {
firstName: "John",
lastName: "Doe",
id: 5566,
fullName: function() {
return this.firstName + " " +
this.lastName;
}
};
A palavra- chave esta
Em uma definição de função, this
refere-se ao "proprietário" da função.
No exemplo acima, this
é o objeto pessoa que "possui" a
função fullName .
Em outras palavras, this.firstName significa a propriedade firstName deste objeto .
Leia mais sobre a this
palavra-chave em JS this Keyword .
Métodos JavaScript
Métodos JavaScript são ações que podem ser executadas em objetos.
Um método JavaScript é uma propriedade que contém uma definição de função .
Propriedade | Valor |
---|---|
primeiro nome | John |
último nome | Corça |
era | 50 |
cor dos olhos | azul |
nome completo | function() {return this.firstName + " " + this.lastName;} |
Métodos são funções armazenadas como propriedades de objetos.
Acessando métodos de objeto
Você acessa um método de objeto com a seguinte sintaxe:
objectName.methodName()
Você normalmente descreverá fullName() como um método do objeto person e fullName como uma propriedade.
A propriedade fullName será executada (como uma função) quando for chamada com ().
Este exemplo acessa o método fullName() de um objeto person:
Exemplo
name = person.fullName();
Se você acessar a propriedade fullName , sem (), retornará a definição da função :
Exemplo
name = person.fullName;
Adicionando um método a um objeto
Adicionar um novo método a um objeto é fácil:
Exemplo
person.name = function () {
return this.firstName + " " + this.lastName;
};
Usando métodos integrados
Este exemplo usa o toUpperCase()
método do objeto String, para converter um texto em maiúsculas:
let message = "Hello world!";
let x = message.toUpperCase();
O valor de x, após a execução do código acima será:
HELLO WORLD!
Exemplo
person.name = function () {
return (this.firstName + " " + this.lastName).toUpperCase();
};