zaterdag 5 november 2016

Javascript class structure

Hoe kom je in Javascript tot een Class structure?
Zo kan het bijvoorbeeld:

var Klasse = (function() {
  function Klasse() {
    alert("Constructor Klasse");   
  }
  Klasse.prototype = {
    set waarde(nieuweWaarde) {
      this._nieuweWaarde = nieuweWaarde;
      alert(nieuweWaarde);
    },
    propMethod: function() {
      alert("propMethod");
    }
  }
  return Klasse;
})();

var SubKlasse= (function() {
  function SubKlasse() {
   function init() {
     alert("init");
    }
    function klassemethod() {
     alert("klassemethod");
    }
    this.klassemethod = klassemethod;
    init();
  }
  SubKlasse.prototype = Klasse.prototype;
  return SubKlasse;
})();

var tmp = new Klasse();
var subtmp = new SubKlasse();
subtmp.propMethod();
//tmp.propMethod();
tmp.waarde = "hallo2";
alert(tmp._nieuweWaarde);
subtmp.klassemethod();

Door middel van de prototype kun je interfacing doen, zelfs inheritance.

Geen opmerkingen:

Een reactie posten