JavaScript OOP
JavaScript é uma linguagem de programação criada pela Netscape em 1995. Bom, isso muita gente já sabe, agora, escrever um código maduro com OO em JavaScript, já não encontramos muitos candidatos. Por isso, revolvi colocar este pequeno tutorial do Henrique do Heap, que esclarece alguns conceitos importantes e espero, possa tirar este preconceito que sempre vejo em alguns desenvolvedores quando se fala em JavaScript.
É um tutorial básico, e como ele alerta “se você já manja de Orientação a Objetos em Javascript, provavelmente não encontrará nada útil aqui“, para quem não conhece, vale um pequeno estudo.
Conteúdo: 0. Introdução 1. O Básico 2. Classes e propriedades 3. Prototype 4. Métodos 5. Propriedade e métodos estáticos 6. Herança 7. Design Patterns - Singleton 8. Considerações Finais
0. Introdução
Com a chegada da WEB 2.0, e seus novos recursos, JavaScript ganhou um destaque ainda maior do que já teve um dia, e começa a se tornar uma linguagem obrigatória para quem deseja desenvolver aplicações web mais dinâmicas, bonitas e funcionais. Uma linguagem orientada a objeto facilita nosso trabalho, na hora de manter o nosso código e de reutilizá-lo para mais finalidades, e pensando nisso comecei a estudar um pouco sobre Javascript OOP, e decidi passar aqui um pouco de tudo o que aprendi nesse meio tempo que tenho estudado isso. Seguiremos com um tutorial que pretende demonstrar o básico de OOP em Javascript, sem a pretensão de ser o “The might Javascript Guide to Oriented Object Programing”, logo se você já manja de Orientação a Objetos em Javascript, provavelmente não encontrará nada útil aqui.
1. O Básico
Bem, faz ai alguns dias que estou lendo algumas coisas sobre Javascript OOP, e decidi passar um pouco do que andei vendo. Vejamos então inicialmente alguns conceitos básicos ai de Javascript. Uma função pode ser criada da seguinte maneira:
<script>
function minhaFuncao( ) {
// Código vai aqui
}
</script>
Bem simples e muito parecido com muitas outras linguagens que já conhecemos por ai, e será essa a sintaxe que nos auxiliará durante todo o processo de criarmos “classes” em javascript. Na sentença anterior, ‘classes’ está entre aspas, pois javascript não implementa o conceito de classes da mesma maneira como vemos em linguagens como PHP e JAVA. Em javascript uma classe nada mais é que uma função, e um objeto é a instância dessa função. Vamos simplificar isso tudo com um exemplo:
<script>
function classe( ) {
alert("Olá, sou uma classe");
}
var minhaClasse = new classe( );
</script>
Rodando esse script, temos como resposta uma mensagem “Olá, sou uma classe”.
Continua… Leia mais »
Se você gostou deste post, mande um Scrap para seus amigos no Orkut.
Fácil, copie e cole o código abaixo (Ctrl+C para copiar)
Ficará semelhante a este: JavaScript OOP
