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?
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
Existem 3 formas de criar objetos.
- Objetos literais
- Criando instância do objeto diretamente (utilizando nova palavra-chave)
- 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.
A palavra-chave this se refere ao objeto atual.
O exemplo de criação de objetos por construtor de objetos é dado abaixo.