Objetos em JavaScript: Guia Introdutório

Tempo de leitura: 5 minutos

Como o JavaScript é amplamente usado no desenvolvimento Web, hoje vamos explorar alguns dos mecanismos dos Objetos em JavaScript para ampliarmos nossos conhecimentos.

Os Objetos em JavaScript, assim como em muitas outras linguagens de programação, podem ser comparados com objetos da vida real.

Ou seja, esse conceito de objetos em JavaScript pode ser compreendido perfeitamente com objetos tangíveis da vida real.

Em JavaScript, um objeto é uma entidade independente, com propriedades e tipos. Compare-o com uma caneca, por exemplo. Uma caneca é um objeto, com propriedades. Uma caneca tem uma cor, uma forma, peso, um material de composição, etc.

Da mesma forma, objetos em JavaScript podem ter propriedades que definem suas características.

O que iremos aprender hoje sobre objetos em JavaScript?

// O que é um objeto em JavaScript?

// Criando Objetos em JavaScript

// Definindo o método no Objeto JavaScript

O que é um Objeto em JavaScript?

O que é um Objeto em JavaScript

De acordo com a área de desenvolvimento do Mozilla, objeto é uma coleção de dados e/ou funcionalidades relacionadas (que geralmente consistem em diversas variáveis e funções — que são chamadas de propriedades e métodos quando estão dentro de objetos).

Tratando-se de JavaScript, quase tudo é objeto. Desde suas padrões funcionalidades, como strings e arrays, até mesmo as APIs para navegadores baseadas na linguagem.

Você mesmo pode desenvolver seus próprios objetos. Você pode encapsular funções e variáveis relacionadas de uma forma eficiente.

Os objetos se comportam como uma espécie de manipuladores de dados. Entender a essência da orientação a objetos no JavaScript é algo fundamental para você aprofundar os conhecimentos na linguagem.

Criando Objetos em JavaScript

criando objetos em javascript

Existem 3 formas de criar objetos.

  1. Objetos literais
  2. Criando instância do objeto diretamente (utilizando nova palavra-chave)
  3. Usando um construtor de objeto (utilizando uma nova palavra-chave)

1) Objetos Literais

A sintaxe da criação do objeto usando o literal do objeto é dada abaixo:

object={property1:value1,property2:value2…..propertyN:valueN}

Como você pode ver, property e value são separados por: (dois pontos).

Vamos ver nesse simples exemplo como criar objetos em JavaScript.

<script>
emp={id:102,name:”Shyam Kumar”,salary:40000}
document.write(emp.id+” “+emp.name+” “+emp.salary);
</script>

Saída do exemplo acima

102 Shyam Kumar 40000

2) Criando instância do objeto

A sintaxe da criação do objeto diretamente é dada abaixo:

var objectname = new Object ();

Aqui, uma nova palavra-chave é usada para criar um objeto.

Vamos ver o exemplo da criação direta do objeto.

<script>
var emp=new Object();
emp.id=101;
emp.name=“Ravi Malik”;
emp.salary=50000;
document.write(emp.id+” “+emp.name+” “+emp.salary);
</script>

Saída do exemplo acima

101 Ravi 50000

3) Usando um construtor de Objetos

Aqui, você precisa criar função com argumentos. Cada valor de argumento pode ser atribuído no objeto atual usando essa palavra-chave.

palavra-chave this se refere ao objeto atual.

O exemplo de criação de objetos por construtor de objetos é dado abaixo.

<script>
function emp(id,name,salary){
this.id=id;
this.name=name;
this.salary=salary;
}
e=new emp(103,”Vimal Jaiswal”,30000);

document.write(e.id+” “+e.name+” “+e.salary);
</script>

Saída do exemplo acima
103 Vimal Jaiswal 30000

E-book Desenvolvimento Full Stack
Baixe Gratuitamente o Guia Completo de Como se Tornar um Desenvolvedor Full Stack

Tenha em mãos o livro digital que irá lhe ensinar tudo sobre as principais tecnologias da web e fará você dar o ponta-pé inicial no Universo Full-Stack!

Definindo o método no Objeto JavaScript

Definindo o método no Objeto JavaScript

<script>
function emp(id,name,salary){
this.id=id;
this.name=name;
this.salary=salary;

this.changeSalary=changeSalary;
function changeSalary(otherSalary){
this.salary=otherSalary;
}
}
e=new emp(103,”Sonoo Jaiswal”,30000);
document.write(e.id+” “+e.name+” “+e.salary);
e.changeSalary(45000);
document.write(“<br>“+e.id+” “+e.name+” “+e.salary);
</script>

Saída do exemplo acima

103 Sonoo Jaiswal 30000
103 Sonoo Jaiswal 45000

Os vários métodos de Object são os seguintes:

S.No Métodos Descrição
1 Object.assign () Este método é usado para copiar propriedades enumeráveis ​​e próprias de um objeto de origem para um objeto de destino
2 Object.create () Esse método é usado para criar um novo objeto com o objeto e as propriedades de protótipo especificados.
3 Object.defineProperty () Esse método é usado para descrever alguns atributos comportamentais da propriedade.
4 Object.defineProperties () Esse método é usado para criar ou configurar várias propriedades do objeto.
5 Object.entries () Esse método retorna uma matriz com matrizes dos pares chave e valor.
6 Object.freeze () Esse método impede que as propriedades existentes sejam removidas.
7 Object.getOwnPropertyDescriptor () Esse método retorna um descritor de propriedade para a propriedade especificada do objeto especificado.
8 Object.getOwnPropertyDescriptors () Este método retorna todos os descritores de propriedade de um determinado objeto.
9 Object.getOwnPropertyNames () Este método retorna uma matriz de todas as propriedades (enumeráveis ​​ou não) encontradas.
10 Object.getOwnPropertySymbols () Este método retorna uma matriz de todas as propriedades da chave de símbolo.
11 Object.getPrototypeOf () Este método retorna o protótipo do objeto especificado.
12 Object.is () Este método determina se dois valores são o mesmo valor.
13 Object.isExtensible () Este método determina se um objeto é extensível
14 Object.isFrozen () Este método determina se um objeto foi congelado.
15 Object.isSealed () Este método determina se um objeto está selado.
16 Object.keys () Este método retorna uma matriz dos nomes de propriedade do próprio objeto.
17 Object.preventExtensions () Esse método é usado para impedir qualquer extensão de um objeto.
18 Object.seal () Esse método impede que novas propriedades sejam adicionadas e marca todas as propriedades existentes como não configuráveis.
19 Object.setPrototypeOf () Este método define o protótipo de um objeto especificado para outro objeto.
20 Object.values ​​() Este método retorna uma matriz de valores.

Conclusão de Objetos em JavaScript

Gostou do nosso artigo? Tem alguma sugestão ou dúvida? É só utilizar os comentários abaixo!

Deseja se aprofundar mais em objetos Javascript e construir projetos bem mais interessantes?

Uma excelente forma de começar a desenvolver projetos reais é com o Pacote Full-Stack, nele você aprenderá desde o básico HTML até linguagens como PHP, JavaScript e muito mais.

>> Conheça o nosso treinamento completo “Pacote Full-Stack” e Domine as Tecnologias mais Atuais e Poderosas do Mercado! <<