Criando Classes em JavaScript com o recurso prototype

Agência OFF, desenvolvimento de soluções web para as Agências Digitais

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.

Agência OFF, desenvolvimento de soluções web para as Agências Digitais


Still quiet here.sas

Deixe seu Comentário