Cria��o de JSON a partir de fun��es

O JSON � uma notaç�o aplicada em JavaScript para que seja poss�vel a definiç�o de objetos (estruturas) complexas. Sua forma de aplicaç�o assemelha-se a um objeto abstra�do do mundo real o qual trabalhamos em POO (Programaç�o Orientada a Objetos), desta forma tomaremos como conhecimento base e necess�rio para um bom entendimento desse artigo, a Orientaç�o a Objetos.

Al�m da possibilidade de estruturas complexas, o JSON nos fornece a capacidade de atribuir m�todos de execuç�o (funç�es) que estar�o diretamente ligadas ao objeto criado, esta definiç�o chama-se prototype. Abordarei prototype com mais detalhe nos pr�ximos artigos.

O JSON � bastante utilizado para auxiliar a execuç�o de chamadas AJAX onde o retorno obtido da execuç�o no servidor obedece aos padr�es de criaç�o de objetos JSON para que os dados retornados possam ser lidos em JavaScript. Desta forma, a programaç�o no servidor gera Strings que ser�o interpretadas no c�digo JavaScript atrav�s da funç�o Eval() ao qual dar� a origem a um objeto em JavaScript.

Devido ao conceito de Orientaç�o a Objetos aplicado ao JavaScript n�o � incomum que ao JSON sejam atribu�dos atributos privados e p�blicos. Estes atributos ter�o comportamentos diferenciados dentro do objeto obedecendo �s regras de modificadores utilizadas em Orientaç�o a Objetos sendo que os atributos privados ser�o acessados apenas por c�digos executados dentro dos m�todos pertencentes ao objeto e os atributos p�blicos estar�o dispon�veis para acesso externo a quem instancia este objeto.

Existem duas formas de gerar objetos JSON.

Trabalhando com construç�o do objeto a partir de funç�es as quais acabam por fazer papel de construtor do objeto JavaScript.
Trabalhando com interpretaç�o de Strings contendo os padr�es de notaç�o JSON.

Abaixo seguem os exemplos das consecutivas aplicaç�es.

Criaç�o de JSON a partir de funç�es

Segue abaixo um c�digo que exemplifica a criaç�o de JSON a partir de uma funç�o.


function DefinicaoObjeto()
  {
   this.Atributo1 = "Primeiro Atributo"; //atributo p�blico
   var Atributo2 = "Segundo Atributo"; //atributo privado
   this.ValorConcatenado = this.Atributo1 + " - " + Atributo2; //atributo publico;
  }
var meuObj = new DefinicaoObjeto(); // momento de criaç�o do JSON

Listagem 01. Criaç�o de objeto JSON a partir de uma funç�o JavaScript

Note que temos duas definiç�es de c�digos com diferentes representaç�es. A primeira � uma funç�o como outra qualquer em JavaScript, por�m esta funç�o ser� utilizada como construtor do nosso objeto JSON. Para tal dentro dela fazemos uma refer�ncia ao pr�prio corpo utilizando a key �this� a qual indicamos que para este objeto existir� um atributo que demos o nome de �Atributo1�.

Utilizando esta notaç�o estamos criando dentro do futuro objeto uma propriedade publica que estar� acess�vel a quem instanciar este objeto. Esta propriedade torna-se publica pois utilizamos a key �this� ao qual, conforme dito acima, refere-se a um atributo pertencente ao objeto e n�o apenas ao c�digo do contexto local.

A segunda notaç�o ainda dentro da funç�o define uma vari�vel de nome �Atributo2�. Esta por sua vez tem o comportamento do segundo atributo do objeto por�m este � privado n�o estando acess�vel a quem instanciar o objeto pos foi declarado como uma vari�vel de contexto local da funç�o.

A terceira e �ltima notaç�o ainda dentro da funç�o define novamente um atributo de caracter�stica publica na qual fazemos uma concatenaç�o dos dois valores atribu�dos aos atributos anteriores o que gerar� um produto resultante das duas atribuiç�es ex: �Primeiro Atributo � Segundo Atributo�. A segunda definiç�o de c�digo abaixo do m�todo declarado estamos instanciando um objeto a partir de nossa funç�o/construtor definida anteriormente.

A partir deste momento, o objeto que definimos com o nome �meuObj� ser� um objeto, uma estrutura composta, em JavaScript que possuir� todas as definiç�es declaradas na funç�o utilizada como construtor para sua criaç�o. Como exemplo podemos utilizar agora para obter os valores definidos o objeto instanciado �meuObj� e acessando seus atributos p�blicos.


alert(meuObj.Atributo1);
alert(meuObj.ValorConcatenado);

Listagem 2. Exemplo de utilizaç�o do objeto JSON instanciado

Note neste exemplo que eu n�o utilizei o atributo do objeto chamado �Atributo2� porque este tem caracter�stica privada, est� dispon�vel apenas para o contexto da funç�o.

Abaixo segue um exemplo de uma p�gina completa para executar o teste.


<HTML>
<HEAD>
<TITLE>Teste JSON</TITLE>
<script type="text/javascript">
  function DefinicaoObjeto()
  {
     this.Atributo1 = "Primeiro Atributo"; //atributo p�blico
     var Atributo2 = "Segundo Atributo"; //atributo privado
     this.ValorConcatenado = this.Atributo1 + " - " + Atributo2; //atributo publico;
  }


  function TestarJSON()
  {
     var meuObj = new DefinicaoObjeto(); // momento de criaç�o do JSON
     alert(meuObj.Atributo1);
     alert(meuObj.ValorConcatenado);
  }
</script>
</HEAD>
<BODY>
  <button onclick="TestarJSON();">Teste</button>
</BODY>
</HTML>

Listagem 3. P�gina HTML completa para execuç�o do teste JSON

Uma alternativa de codificaç�o para trabalhar com objetos JSON com criaç�o a partir de funç�es � utilizar o construtor com entrada de par�metros.

A forma como foi apresentada at� ent�o, uma forma simples, disponibiliza apenas definiç�o de valores fixos dentro da funç�o que gera o objeto, o que � pouco aplic�vel sendo que em nosso dia-a-dia precisamos trabalhar com muita informaç�o din�mica e muitos m�todos que devem possuir comportamentos gen�ricos.

Bom para atender este tipo de necessidade esta notaç�o de JSON possibilita que seja criado o objeto com entrada de par�metros dando ao objeto uma capacidade maior de trabalhar com informaç�es.

Abaixo um exemplo de aplicaç�o do JSON com entrada de par�metros.


function DefinicaoObjetoParametros(valor1,valor2,valor3)
{
   this.Atributo1 = valor1;
   this.Atributo2 = valor2;
   var Atributo3 = valor3;
   this.Soma = valor1 + valor2 + valor3;
}

Listagem 4. Exemplo de aplicaç�o JSON com recepç�o de par�metros

Confira tamb�m

Front-end e JavaScript

Guia

Cursos de JavaScript

Cursos

Curso de Introduç�o ao JavaScript

Curso

JSON � JavaScript Object Notation

O JSON é uma notação aplicada em JavaScript para que seja possível a definição de objetos (estruturas) complexas.

Criaç�o de JSON a partir de funç�es

Confira tamb�m

Front-end e JavaScript

Cursos de JavaScript

Curso de Introduç�o ao JavaScript

Artigos relacionados