Orientação a objetos em Javascript

04 June, 2008

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 Pessoa com atributos nome, idade e email, seus métodos getters e setters e um método chamado mostraValores que irá retorna uma string com os valores dos atributos da classe.

Veja o exemplo no código a seguir:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
function Pessoa() {
  var nome;
  var idade;
  var email;

  this.getNome = getNome;
  this.getIdade = getIdade;
  this.getEmail = getEmail;
  this.setNome = setNome;
  this.setIdade = setIdade;
  this.setEmail = setEmail;
  this.mostraValores = mostraValores;

  function getNome() {
    return nome;
  }

  function getIdade() {
    return idade;
  }

  function getEmail() {
    return email;
  }

  function setNome(_nome) {
    nome = _nome;
  }

  function setIdade(_idade) {
    idade = _idade;
  }

  function setEmail(_email) {
    email = _email;
  }

  function mostraValores() {
    return 'Nome: ' + nome +'nIdade: '+ idade +' anosnEmail: '+ email;
  }
}

Agora vamos criar um javascript para manipular a classe Pessoa.

1
2
3
4
5
6
7
var rodrigo = new Pessoa();

rodrigo.setNome('Rodrigo Lazoti');
rodrigo.setIdade(26);
rodrigo.setEmail('rodrigo@test.com');

alert(rodrigo.mostraValores());

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