JavaScript - Entendendo objetos JavaScript  

 Neste artigo eu vou apresentar os conceitos básicos relacionados com objetos JavaScript.

A linguagem JavaScript foi projetada com base em um simples paradigma orientado a objeto. Um objeto é uma coleção de propriedades, e uma propriedade é uma associação entre um nome e um valor.

O valor de uma propriedade pode ser uma função, que é então considerada um método do objeto. Além dos objetos que são pré-definidos no browser, você pode definir seus próprios objetos.

Objetos em JavaScript são como objetos na vida real, ou seja, são entidades independentes com propriedades e tipo.

Assim, na vida real, um carro é um objeto e possui propriedades como peso, altura e cor, e métodos como ligar, parar, brecar, acelerar, etc.

Objeto Propriedades Métodos
  • carro.nome = Fiat
  • carro.modelo = 500
  • carro.peso = 900 Kg
  • carro.cor = Branca
  • carro.ligar()
  • carro.acelerar
  • carro.parar
  • carro.brecar

Todos os carros possuem as mesmas propriedades, mas o valores das propriedades diferem de carro para carro.

Todos os carros possuem os mesmos métodos, mas os métodos são executados de forma diferente de carro para carro.

Em JavaScript temos a existência de variáveis que são usadas para armazenar valores de dados :

Ex:   var carro = "Fiat";

Da mesma forma objetos também são variáveis que podem conter muitos valores:

Ex:   var carro = { tipo:"Fiat", modelo:"500", cor:"Branca"};

Os valores são escritos como pares no formato  nome : valor  ( nome e valor separados por : )

Resumindo : objetos JavaScripts são containers para valores nomeados.

Objetos : Propriedades

O par nome : valor é chamado de propriedades do objeto.

Exemplo : Criar um objeto JavaScript para definir uma pessoa com nome, sobrenome, idade e sexo :


  var pessoa  = { nome : "José Carlos" , sobrenome = "Macoratti" ,  idade = 45 , sexo = "masculino"
 

Onde temos :    

Propriedade Valor
nome José Carlos
sobrenome Macoratti
idade 45
sexo masculino

Dessa forma, um objeto em JavaScript tem propriedades associadas a ele, e uma propriedade de um objeto pode ser explicada como uma variável que é ligada ao objeto.

Ex:  nomeDoObjeto.nomeDaPropriedade

As propriedades de objetos em JavaScript podem também ser acessadas ou alteradas usando-se a notação de colchete( [ ] ).

Ex:  pessoa["nome"] = "Jefferson"

Objetos : Métodos

Os métodos são ações realizadas pelo objeto.

Os métodos são armazenados nas propriedades dos objetos como funções definidas.

Exemplo :  Definir o método NomeCompleto para o objeto Pessoa:

function() {return this.nome + " " + this.sobrenome;}

Onde temos :    

Propriedade Valor
nome José Carlos
sobrenome Macoratti
idade 45
sexo masculino
NomeCompleto function() {return this.nome + " " + this.sobrenome;}

Concluímos que objetos em JavaScript são containers para propriedades e métodos.

Objeto : Definição

Podemos definir (e criar) um objeto JavaScript usando um objeto literal :


  var pessoa  = { nome : "José Carlos" , sobrenome = "Macoratti" ,  idade = 45 , sexo = "masculino" };
 

ou ainda :


  var pessoa  =   {
                   nome : "José Carlos" ,
                   sobrenome = "Macoratti" , 
                   idade = 45 ,
                   sexo = "masculino"
        };
 

Outra forma de criar um objeto vazio é usar a palavra-chave new seguida de Object() . Abaixo criamos o objeto aluno com 3 propriedades :  nome, idade e nota.


  var aluno  =   new Object();

  aluno.nome = "Marcia";
  aluno.idade = 23;
  aluno.nota = 8;

 

Podemos ainda criar um objeto em duas etapas :

  1. Definindo o tipo de objeto escrevendo uma função construtora;
  2. Criando uma instância do objeto usando a palavra new;

  function Carro(tipo, modelo,cor) {

     this.tipo = tipo;
     this.modelo = modelo;
     this.cor = cor;
  }

  var meuCarro = new Carro("Ford" , "Fiesta" , "Prata");
 

Criamos o objeto meuCarro definindo as propriedades tipo como Ford, modelo como Fiesta e cor como igual a Prata.

Objeto : Acessando propriedades

Podemos acessar as propriedades dos objetos de duas maneiras:

  1. Usando a notação de ponto      : nomeDoObjeto.Propriedade;        Ex: pessoa.nome;
  2. Usando a notação de colchetes :  nomeDoOjbeto["Propriedade"];   Ex:  pessoa["nome"];

Usamos o acesso às propriedades para obter o valor de um propriedade ou alterar o seu seu valor:

Objeto : Acessando métodos

Podemos acessar os métodos de um objeto usando seguinte sintaxe:   nomeDoObjeto.NomeDoMetodo()   Ex:  pessoal.NomeCompleto()
Assim, um método estará sempre associado a um objeto no documento.

De forma geral, com JavaScript os métodos são usados para alterar o valor de uma propriedade ou executar tarefas específicas.

Esse resumo sobre os conceitos relacionados a objetos JavaScript, tem como objetivo fornecer conceitos básicos que serão usados no desenvolvimento de aplicações web em conjunto com as tecnologias ASP .NET e ASP .NET MVC.

Segui a paz com todos, e a santificação, sem a qual ninguém verá o Senhor;
 Hebreus 12:14

Veja os Destaques e novidades do SUPER DVD Visual Basic (sempre atualizado) : clique e confira !

Quer migrar para o VB .NET ?

Quer aprender C# ??

Quer aprender os conceitos da Programação Orientada a objetos ?

Quer aprender o gerar relatórios com o ReportViewer no VS 2013 ?

  Gostou ?   Compartilhe no Facebook   Compartilhe no Twitter

Referências:

José Carlos Macoratti