Javascript + OO

Embora a maioria dos scripts feitos em Javascript seja feito utilizando utilizando programação estruturada, também pode-se utilizar os conceitos de orientação a objetos em Javascript.

Para exemplificar, irei me basear em uma classe chama Carro com atributos placa, ano e modelo, seus métodos getters e setters e um método chamado mostraDetalhes que irá retorna uma string com os valores dos atributos da classe.

Veja o exemplo no código a seguir:

<script language="javascript">

function Carro() {
var placa;
var ano;
var modelo;

this.getPlaca = getPlaca;
this.getAno = getAno;
this.getModelo = getModelo;
this.setPlaca = setPlaca;
this.setAno = setAno;
this.setModelo = setModelo;
this.mostraValores = mostraValores;

function getPlaca() {
return placa;
}

function getAno() {
return ano;
}

function getModelo() {
return modelo;
}

function setPlaca(_placa) {
placa = _placa;
}

function setAno(_ano) {
ano = _ano;
}

function setModelo(_modelo) {
modelo = _modelo;
}

function mostraValores() {
return 'Placa: ' + placa +'nAno: '+ ano +'nModelo: '+ Modelo;
}
}
</script>

Agora vamos criar um javascript para manipular a “classe” Carro.

<script language="javascript">

var corsa = new Carro();

corsa.setPlaca('ANO-2010');
corsa.setAno(2010);
corsa.setModelo('Hatch');
alert(corsa.mostraValores());

</script>

E com isso já temos um pequeno exemplo de uma forma de como utilizar orientação a objetos com Javascript.