Skip to main content
1 de 4
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Na verdade isso é possível, e com a mesma sintaxe que o PHP.

A novidade faz parte da ES6, a nova versão aprovada pela ECMAscript, mas ainda não é possível em todos os browsers (2015). Porém já é possível em Node.js.

Um exemplo seria assim:

class Animal {
  constructor(especie){
   this.especie = especie;
  }
  dizEspecie(){
    return this.especie;
  }
}

class Humano extends Animal {
  constructor(nome, especie){
    super(especie);
    this.nome = nome;
  }
  dizNome(){
    return this.nome + ' é um ' + super.dizEspecie();
  }
}

var paulo = new Humano('Paulo', 'Humano');

console.log(paulo.dizNome()); // Paulo é um Humano

Exemplo: http://www.es6fiddle.net/if9zwob3/

Em JavaScript de hoje, isso é possível também. Atravéz do prototype como já foi descrito noutras perguntas (1), (2), (3). A biblioteca que levou isso mais a fundo criando mesmo classes foi o MooTools.

O MooTools criou Classes já em 2007 e a API atual é assim:

var Animal = new Class({
    initialize: function(age){
        this.age = age;
    }
});

var Cat = new Class({
    Extends: Animal,
    initialize: function(name, age){
        // calls initalize method of Animal class
        this.parent(age);
        this.name = name;
    }
});

var myCat = new Cat('Micia', 20);
alert(myCat.name); // alerts 'Micia'.
alert(myCat.age); // alerts 20.

Exemplo: http://jsfiddle.net/8w45upvL/

De maneira nativa pode fazer-se assim (entre outras):

function Animal(especie) {
    this.especie = especie;
    this.dizEspecie = function() {
        return this.especie;
    }
}

var Humano = function (nome, especie) {
    this.nome = nome;
    this.__proto__.especie = especie;
    this.dizNome = function () {
        return this.nome + ' é um ' + this.especie;
    }
}
Humano.prototype = new Animal(); // estender Humano com a classe Animal


var paulo = new Humano('Paulo', 'Humano');
var rui = new Humano('Rui', 'Humano');
var bobby = new Animal('canino');

console.log(paulo.dizNome()); // Paulo é um Humano
console.log(rui.dizNome()); // Rui é um Humano
console.log(typeof bobby.dizNome); // undefined
console.log(bobby.dizEspecie()); // canino

Exemplo: http://jsfiddle.net/wvbk3kb8/

Sergio
  • 135,1mil
  • 16
  • 201
  • 294