Resumo : neste tutorial, você aprenderá sobre métodos de objeto JavaScript e como definir métodos para um objeto.
Introdução aos métodos de objeto JavaScript
Um objeto é uma coleção de pares ou propriedades chave/valor . Quando o valor é uma função, a propriedade se torna um método. Normalmente, você usa métodos para descrever os comportamentos do objeto.
Por exemplo, o seguinte adiciona o greet
método ao person
objeto:
let person = {
firstName: 'John',
lastName: 'Doe'
};
person.greet = function () {
console.log('Hello!');
}
person.greet();
Linguagem de código: JavaScript ( javascript )
Saída:
Hello!
Neste exemplo:
- Primeiro, use uma expressão de função para definir uma função e atribuí-la à
greet
propriedade doperson
objeto. - Em seguida, chame o método método
greet()
.
Além de usar uma expressão de função, você pode definir uma função e atribuí-la a um objeto como este:
let person = {
firstName: 'John',
lastName: 'Doe'
};
function greet() {
console.log('Hello, World!');
}
person.greet = greet;
person.greet();
Linguagem de código: JavaScript ( javascript )
Neste exemplo:
- Primeiro, defina a
greet()
função como uma função regular. - Segundo, atribua o nome da função à
greet
propriedade doperson
objeto. - Terceiro, chame o
greet()
método.
Abreviação do método de objeto
JavaScript permite definir métodos de um objeto usando a sintaxe literal do objeto, conforme mostrado no exemplo a seguir:
let person = {
firstName: 'John',
lastName: 'Doe',
greet: function () {
console.log('Hello, World!');
}
};
Linguagem de código: JavaScript ( javascript )
ES6 fornece uma sintaxe de método concisa que permite definir um método para um objeto:
let person = {
firstName: 'John',
lastName: 'Doe',
greet() {
console.log('Hello, World!');
}
};
person.greet();
Linguagem de código: JavaScript ( javascript )
Esta sintaxe parece muito mais limpa e menos detalhada.
O este valor
Normalmente, os métodos precisam acessar outras propriedades do objeto.
Por exemplo, você pode querer definir um método que retorne o nome completo do objeto pessoa concatenando o nome e o sobrenome.
Dentro de um método, o this
valor faz referência ao objeto que invoca o método. Portanto, você pode acessar uma propriedade usando o this
valor da seguinte forma:
this.propertyName
Linguagem de código: JavaScript ( javascript )
O exemplo a seguir usa o this
valor no getFullName()
método:
let person = {
firstName: 'John',
lastName: 'Doe',
greet: function () {
console.log('Hello, World!');
},
getFullName: function () {
return this.firstName + ' ' + this.lastName;
}
};
console.log(person.getFullName());
Linguagem de código: JavaScript ( javascript )
Saída
'John Doe'
Linguagem de código: JavaScript ( javascript )
Confira este tutorial para obter mais informações sobre this
valor.
Resumo
- Quando uma função é propriedade de um objeto, ela se torna um método.