Acessores de objetos JavaScript

Propriedades dos acessores de objetos são métodos em javascript que são usados ​​para obter ou definir o valor de um objeto. ““pegar”É a palavra -chave que é utilizada para definir um getter Método que recupera o valor da propriedade, enquanto “definir”Define um método setter para alterar o valor de uma propriedade específica.

Quando queremos acessar uma propriedade do nosso objeto JavaScript, o retorno do valor do método getter é usado e definir um valor de propriedade; O método do setter é invocado e depois passamos o valor como um argumento que queremos definir.

Este artigo discutirá os acessores de objeto JavaScript. Além disso, também demonstraremos exemplos relacionados a Getter, Normatizador, e Objeto.DefineProperty () Métodos JavaScript. Então vamos começar!

Método JavaScript Getter

Os métodos getter são usados ​​para acessar o valor da propriedade de um objeto JavaScript. O "pegar”A palavra -chave é adicionada antes do nome da função, indicando que é um“getter”Método que acessará uma propriedade específica do objeto criado.

Exemplo: Criando e usando o método JavaScript Getter

Este exemplo mostrará como criar e usar o método JavaScript Getter para qualquer objeto. Primeiro de tudo, criaremos um “funcionário“Objeto com duas propriedades: primeiro nome como“John”, E o último nome como“Albert”:

const funcionário =
primeiro nome: 'John',
LastName: 'Albert',
;

Na próxima etapa, criaremos um “getFirstName ()”Método getter que acessará o“primeiro nome”Propriedade da nossa“funcionário”Objeto. Lembre -se de que você precisa definir o método getter dentro do bloco de definição de objeto, não fora dele:

get getfirstName ()
devolver isso.primeiro nome;

Depois de criar o “getFirstName ()”JavaScript Getter Método para o objeto do funcionário, agora você terá duas opções para acessar o“primeiro nome" propriedade. Ou você pode acessá -lo diretamente utilizando o “primeiro nome”Propriedade com o objeto do funcionário ou acessando o“getfirstname”Método getter como uma propriedade:

// Acessando propriedades de dados
console.log (funcionário.primeiro nome);
// Acessando o método getter
console.log (funcionário.getfirstName);

Dê uma olhada na imagem a seguir para ver a saída do código fornecido:

Método JavaScript Setter

Em um programa JavaScript, os métodos do setter alteram o valor da propriedade de um objeto. Deve levar apenas um parâmetro formal. O "definir”A palavra -chave é adicionada para especificar que é um JavaScript“normatizador”Método que alterará o valor de qualquer propriedade de objeto específica.

Exemplo: Criando e usando o método JavaScript Setter

Em primeiro lugar, criaremos um simples “funcionário”Objeto que compreende duas propriedades,“primeiro nome" e "sobrenome" do seguinte modo:

const funcionário =
primeiro nome: 'John',
LastName: 'Albert',
;

Em seguida, definiremos nosso método de setter “ChangeFirstName”Isso será utilizado para alterar o“primeiro nome”Do objeto de funcionário. Observe que você deve executar esta operação no bloco de definição de objeto:

// Propriedade do acessador (setter)
Definir ChangeFirstName (newFirstName)
esse.primeiro nome = newfirstName;

Agora, verificaremos o valor da propriedade do “primeiro nome”E depois defina -o para o“Jim”Usando o“ChangeFirstName”Método Setter do nosso objeto JavaScript Funcionário:

console.log (funcionário.primeiro nome);
// alterando a propriedade do objeto usando um setter
funcionário.changefirstname = 'jim';
console.log (funcionário.primeiro nome);

Confira a imagem abaixo para visualizar a saída:

Objeto JavaScript.Método DefineProperty ()

Além dos getters JavaScript e Setters, também existe o “Objeto.DefineProperty ()”Método que pode ser usado para acessar e alterar as propriedades do objeto. O "Objeto.DefineProperty ()”O método ajuda a adicionar getters e setters para qualquer objeto JavaScript.

Sintaxe do objeto.DefineProperty ()

Para usar o objeto.DefineProperty () Método em seu código JavaScript, você deve seguir sua sintaxe:

Objeto.DefineProperty (ObjectName, PropertyName, ObjectDescriptor)

Aqui no "ObjectName”Argumento você deve adicionar o nome do objeto criado; o segundo argumento “nome da propriedade”Representa a propriedade. Por fim, o “ObjectDescriptor”O argumento é usado para descrever a propriedade do objeto.

Exemplo: Criando e usando o objeto JavaScript.Método DefineProperty ()

Este exemplo criará um método getter e setter usando o objeto.Método DefineProperty (). Para esse fim, em primeiro lugar, criaremos um “funcionário“Objeto com um“primeiro nome" propriedade:

const funcionário =
primeiro nome: 'Stepheny'

Agora, para definir um método getter usando objeto.defineProperty (), especificaremos “funcionário"Como nosso objeto,"GetName”Como propriedade. Em seguida, adicionaremos a descrição relacionada seguida pela palavra -chave "Get" no corpo do objeto.Método defineProperty ():

// obtendo propriedade
Objeto.DefineProperty (funcionário, "getName",
get: function ()
devolver isso.primeiro nome;

);

Da mesma forma, você também pode definir uma função de setter para o “funcionário”Objeto definindo o nome da propriedade como“Mude o nome”. Depois de fazer isso, adicione o “definir”Palavra -chave e defina o corpo do seu método do setter:

// Definindo a propriedade
Objeto.DefineProperty (funcionário, "nome do troca",
SET: function (valor)
esse.primeiro nome = valor;

);

Para acessar o objeto.Método DefineProperty () Getter, usaremos o “funcionário”Nome da propriedade do objeto“GetName”, Que é adicionado como o segundo argumento no objeto.Método defineProperty ():

// Obtendo o valor da propriedade
console.log (funcionário.getName);

Para definir ou alterar o primeiro nome do funcionário, atribuiremos o novo nome para “funcionário.Mude o nome" propriedade:

// alterando o valor da propriedade
funcionário.ChanGename = 'Julie';
console.log (funcionário.primeiro nome);

Aqui está o programa JavaScript completo com sua saída:

Conclusão

Os acessadores de objetos JavaScript são definidos usando métodos getter e setters. O método getter retorna o valor da propriedade, enquanto um argumento é passado para o método Setter, atribuindo esse valor específico à propriedade JavaScript Object Property. Este artigo discutiu os acessores de objeto JavaScript. Além disso, exemplos relacionados a getter, setter e objeto.DefineProperty () Métodos JavaScript também são demonstrados neste artigo.