Métodos de objeto Javascript

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 greetmétodo ao personobjeto:

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 à greetpropriedade do personobjeto.
• 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 à greetpropriedade do personobjeto.
• 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 thisvalor faz referência ao objeto que invoca o método. Portanto, você pode acessar uma propriedade usando o thisvalor da seguinte forma:

this.propertyNameLinguagem de código:  JavaScript  ( javascript )

O exemplo a seguir usa o thisvalor 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 thisvalor.

Resumo

• Quando uma função é propriedade de um objeto, ela se torna um método.