JavaScript: Trabalhando com Classes

Em JavaScript um objeto pode ser criado de v�rias maneiras, at� mesmo a partir de um construtor, uma funç�o que inicia as suas propriedades e atribui a elas os seus valores iniciais. Esse documento apresenta uma introduç�o a orientaç�o a objetos em JavaScript, servindo de base para tanto para novos programadores quanto para aqueles experientes em outras linguagens, a exemplo do Java ou C#.

Vis�o geral

Um construtor � uma funç�o que possui uma propriedade chamada prototype, usada para permitir a herança baseada em prot�tipo, bem como o compartilhamento de propriedades. Nesse ponto o JavaScript se distingue das demais linguagens que suportam a orientaç�o a objetos, nas quais vemos com frequ�ncia esse paradigma ser fortemente atrelado ao conceito de classe.

Na pr�tica

Vamos analisar as duas sintaxes de construç�o de classes em JavaScript a partir de uma mesma entidade chamada Pessoa, que recebe em seu construtor dois argumentos, nome e cpf e os define como atributos da classe. Esta classe possui tamb�m dois m�todos, um retornando o nome da pessoa e o outro retorna o cpf.

Abaixo podemos ver a classe Pessoa escrita com a sintaxe de prot�tipo utilizando uma funç�o:

function Pessoa (nome, cpf) {
  this.nome = nome
  this.cpf = cpf
}

Pessoa.prototype.getNome = function () {
  return this.nome
}

Pessoa.prototype.getCpf = function () {
  return this.cpf
}

const p1 = new Pessoa('Bruno')

console.log(p1.getNome()) // bruno

A seguir esta mesma classe reescrita utilizando a sintaxe classes introduzida no ECMAScript 6:

class Pessoa {
  constructor (nome, cpf) {
    this.nome = nome
    this.cpf = cpf
  }

  getNome () {
    return this.nome
  }

  getCpf () {
    return this.cpf
  }
}

const p1 = new Pessoa('Bruno')

console.log(p1.getNome()) // Bruno

Perceba que ambos os exemplos s�o exatamente iguais, tendo como diferença apenas a sintaxe, ou seja, deixando claro que o recurso class foi introduzido no JavaScript para tornar mais flex�vel o modelo de herança baseado em prot�tipos.

A declaraç�o de uma classe em JavaScript � simples, f�cil de compreender e permite a declarar atributos e m�todos. Por exemplo, temos uma classe chamada Pessoa e, abaixo, podemos ver sua estrutura b�sica.

class Pessoa {
  constructor (nome, cpf) {
    this.nome = nome
    this.cpf = cpf
  }

  getNome () {
    return this.nome
  }

  getCpf () {
    return this.cpf
  }
}

Entre as linhas 2 e 5 definimos o m�todo construtor da classe e em seu corpo definimos seus atributos, que s�o vari�veis representando caracter�sticas da classe.

Nas linhas 8 a 13 � feita a declaraç�o dos m�todos desta classe, funcionam como uma funç�o que executa uma instruç�o pertinente aquela entidade. Perceba que no exemplo retornamos as propriedades do produto na forma de um objeto.

Compatibilidade

Engine	Vers�o Minima
Node.JS ( V8)	6.4.0
Safari ( WebKit)	11.1
Chrome ( V8)	68
Microsoft Edge ( ChakraCore)	17
Firefox ( Gecko)	61

Nota: O Opera utiliza atualmente grande parte do c�digo do Chrome como base para o seu pr�prio desenvolvimento e por isso ele n�o � mencionado nesta listagem.

JavaScript: Classes - Uma vis�o geral

Em JavaScript um objeto pode ser criado de várias maneiras, até mesmo a partir de um construtor, uma função que inicia as suas propriedades e atribui a elas os seus valores iniciais.

Vis�o geral

Na pr�tica

Compatibilidade

Artigos relacionados