Blog Archives

Javascript lernen | Teil 1 | Javascript != Java

Posted on 08/02/2010 by DaRaFF

Ich persönlich komme von der Java bzw. der PHP Welt und habe Javascript lange nicht wirklich ernst genommen. In letzter Zeit hört man immer mehr von starken Javascript Libraries und Frameworks und sieht immer mehr coole Demos, Games usw.

Vor kurzem stellte ich mir die Frage, ob ich nicht auch einmal eine coole und dynamische Web 2.0 Seite mit Javascript auf die Beine stellen sollte. Mir war Javascript aber immer noch unsympathisch. Meine bisherigen Erfahrungen beruhten darauf, dass ich ab und zu genötigt wurde aus irgendeinem Brownfield Projekt Javascript Code zu korrigieren oder zu ergänzen. Ich verstand nicht wirklich, was ich da tat, aber schlussendlich lief es.


 Read more...

Posted in Javascript | Tagged , , | 3 Comments

Javascript lernen | Teil 2 | private/public in Objekten

Posted on 08/03/2010 by DaRaFF

In Teil 1 versuchte ich zu erklären, dass Javascript doch nicht so schlecht ist, wie viele behaupten und das sich die Sprache doch sehr deutlich von Java und PHP unterscheidet. Im heutigen Teil werde ich Konstrukte zeigen, womit man die Visibilität in Objekten bei Javascript definieren kann.

Als erstes ein Sourcecode Beispiel:

var Auto = function(startBenzin) {
	//constructor
    //public variable
	this.benzinStand = startBenzin;

    //private variable
    var anzahlRaeder = 4;

    //global variable
    globalBlubb = 17;

    //public function
	this.schaueBenzin = function() {
            return "Der Benzinstand beträgt "+this.benzinStand+" Liter";
	};

    //private function
	var gasGeben = function() {
		this.benzinStand--;
	};
};

Wenn ich nun ein Objekt mittels


 Read more...

Posted in Javascript | Tagged , , | 4 Comments

Javascript lernen | Teil 3 | Object literals + Namespaces

Posted on 08/04/2010 by DaRaFF

Im heutigen Teil 3 von meiner Serie Javascript lernen befasse ich mich mit dem sehr coolen Konstrukt Object literals und wie man das für Namespaces verwenden kann.

Object literals

Als erstes ein Sourcecode Beispiel eines Code literals:

var meinObjekt = {
    a: 3,
    b: 4,
    c: function(){
        return meinObjekt.a*meinObjekt.b;
    }
}

Wie man hier schön sieht, unterscheidet sich das Object literal gegenüber einer normalen Funktion, dass es nicht eine Variable oder eine Funktion einer Variablen zuweist, sondern dass es direkt mittels { } derklariert wird.


 Read more...

Posted in Javascript | Tagged , , | 3 Comments

Javascript lernen | Teil 4 | Alles ist ein Objekt

Posted on 08/05/2010 by DaRaFF

Natürlich stimmt die Aussage, alles ist ein Objekt nicht ganz, es gibt schon verschiedene Typen (primitive Datentype wie integer, string und auch Funktionen und Objekte), aber man kann jede deklarierte Variable aufrufen, wie wenn sie eine Funktion oder ein Objekt wäre. Dies hat mich am Anfang ziemlich verwirrt und darum möchte ich mit ein paar Beispielen aufzeigen, wie die verschiedenen Datentypen auf verschiedene Aufrufe reagieren.

Als erstes setzen wir eine Ausgangslage auf:

function TheGreat() {}

TheGreat.imGreater = function () {
    return "imGreater";
}

TheGreat.imAlsoGreater = function () {
    this.a = 11;
    this.b = 12;
    this.c = function(){return true}
    return "imAlsoGreater";
}
TheGreat.imTheGreatest = {
    d: 11,
    e: 12,
    f: function(){return true}
}

Beispiel 1 – imGreater


 Read more...

Posted in Javascript | Tagged | 4 Comments