Criando Classes em JavaScript com o recurso prototype

• Tweet
• Sharebar

• Tweet

A utilização de Classes é uma maneira pratica de ter um bom rendimento e organização em suas aplicações web.

A estrutura de Classes em JavaScript é a mesma que usamos em linguagens de programação como ASP ou PHP.

Nesse artigo você irá aprender a usar Classes com o uso da prototype. Vamos a definição do que é a prototype no JavaScript

prototype é um recurso do JavaScript (nesse caso não estou falando do Framework Prototype) que possibilita modificar uma Classe depois que ela foi criada.

Vamos criar uma classe chamada DadosPessoais e dentro dela colocar as variáveis “nome” e “telefone”;

-----------------------------------------------------
function DadosPessoais(){
 var nome;
 var telefone;
}
-----------------------------------------------------

Para dar inicio ao processo das funções dentro da classe usamos a prototype assim:

-----------------------------------------------------
DadosPessoais.prototype.campos = function(){
 this.nome = "Menu Nome";
 this.telefone = "(99) 9999-9999";
}

var obj = new DadosPessoais();
obj.campos();
-----------------------------------------------------

No final, criamos o objeto e chamamos ele…

O Script completo fica assim:

-----------------------------------------------------
<script language="javascript">
function DadosPessoais(){
 var nome;
 var telefone;

 DadosPessoais.prototype.campos = function(){
 this.nome = "Menu Nome";
 this.telefone = "(99) 9999-9999";
 }
}

var obj = new DadosPessoais();
obj.campos();
</script>

Nome: <script>document.write(obj.nome);</script><br>
Telefone: <script>document.write(obj.telefone);</script>

-----------------------------------------------------

Creio que ficou um bom entendimento para todos de como usar Classes no JavaScript usando o recurso prototype.

Abraços a todos.

Escrito por Ted k' on julho 28, 2010. Arquivado em Javascript. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo