Lawrence am 9. Oktober 2015 um 07:37 Uhr

2015-10-09T07:37:51Z

← Nächstältere Version		Version vom 9. Oktober 2015, 07:37 Uhr
Zeile 21:		Zeile 21:

	Machen Sie sich mit der Datei "index.js" vertraut und öffnen Sie die Datei "index.html" testweise im Browser.		Machen Sie sich mit der Datei "index.js" vertraut und öffnen Sie die Datei "index.html" testweise im Browser.
	Fügen Sie den Code relevant für Spieler der nachfolgenden Teilaufgaben in die Datei "~~Spieler~~.js" ein.		Fügen Sie den Code relevant für Spieler der nachfolgenden Teilaufgaben in die Datei "Player.js" ein.

	Den Test-Code in den folgenden Abschnitten können Sie in die Datei "index.js" einpflegen um Ihre Lösungen zu validieren.		Den Test-Code in den folgenden Abschnitten können Sie in die Datei "index.js" einpflegen um Ihre Lösungen zu validieren.

Lawrence: Die Seite wurde neu angelegt: „=Praktikumsaufgabe 4= ==Arbeiten mit Funktionen und `this`== ===Ziel=== Ziel dieser Aufgabe ist es die in dem JavaScript-Tutorium vermittelten Gr…“

2015-10-01T21:11:16Z

Die Seite wurde neu angelegt: „=Praktikumsaufgabe 4= ==Arbeiten mit Funktionen und <code>this</code>== ===Ziel=== Ziel dieser Aufgabe ist es die in dem JavaScript-Tutorium vermittelten Gr…“

Neue Seite

=Praktikumsaufgabe 4=

==Arbeiten mit Funktionen und <code>this</code>==

===Ziel===

Ziel dieser Aufgabe ist es die in dem JavaScript-Tutorium vermittelten Grundlagen für
Funktionen, Konstruktoren und <code>this</code> zu vertiefen.

===Projekt vorbereiten===

'''Anmerkung:''' Es ist fortan nicht notwendig Subversion über die Kommandozeile zu bedienen.
Nutzen Sie dazu einfach WebStorm oder aber TortoiseSVN bzw. svnX.

Stellen Sie sicher, dass Sie die Praktikumsvorlagen auf Ihrem Rechner gespeichert haben.
Folgen Sie dazu der Anleitung aus Teil 1 der 1. Praktikumsaufgabe.

Legen Sie dann einen neuen Ordner "aufgabe4" innerhalb Ihres Verzeichnis/Repositories an.
Speichern Sie alle Dateien aus dem Lehrveranstaltungsordner "aufgabe4/vorlage" in diesem Ordner ab.

Machen Sie sich mit der Datei "index.js" vertraut und öffnen Sie die Datei "index.html" testweise im Browser.
Fügen Sie den Code relevant für Spieler der nachfolgenden Teilaufgaben in die Datei "Spieler.js" ein.

Den Test-Code in den folgenden Abschnitten können Sie in die Datei "index.js" einpflegen um Ihre Lösungen zu validieren.

===Spieler erstellen===

Erstellen Sie zunächst eine Funktion namens <code>createPlayer()</code> die bei jedem Aufruf ein leeres Objekt erzeugt.

<source lang="javascript">
var player1 = createPlayer();
view.addObjectView(player1);

var player2 = createPlayer();
view.addObjectView(player2);

console.log(player1 !== player2); // sollte true ergeben
</source>

Erweiteren Sie die Funktion nun so, dass sie zwei Argumente namens "name" und "numberOfLifes" akzeptiert
und die Werte dieser Argumente gleichnamigen Eigenschaften dem erzeugten Objekt zuweist.

<source lang="javascript">
var player1 = createPlayer('John', 3);
view.addObjectView(player1);
</source>

===Konstruktor für Spieler===

Wandeln Sie die Funktion <code>createPlayer()</code> nun in eine Konstruktorfunktion namens <code>Player()</code> um.

<source lang="javascript">
var player1 = new Player();
view.addObjectView(player1);
</source>

Der Konstruktor soll nach wie vor "name" und "numberOfLifes" akzeptieren und die Werte dem neu erstellten Objekt zuweisen.
Die zugewiesenen Eigenschaften sollen nun allerdings mit einem Unterstrich beginnen, um sie als privat zu kennzeichnen.

<source lang="javascript">
var player1 = new Player('John', 3);
view.addObjectView(player1);
</source>

Stellen Sie sicher, dass der Konstruktor nur mit <code>new</code> aufgerufen werden kann. Folgender Code sollte einen Fehler verursachen.

<source lang="javascript">
var player1 = Player('John', 3);
</source>

===Leben verlieren===

Im Laufe eines Spiels kann es passieren, dass ein Spieler ein oder mehrere seiner Leben verliert.
Erstellen Sie dazu auf jedem neuen Spielerobjekt die Funktion <code>loseLife()</code>, welche die Zahl der Leben um eins reduziert.

<source lang="javascript">
var player1 = new Player('John', 3);
view.addObjectView(player1);
player1.loseLife(); // sollte nun 2 betragen
</source>

===Namen abändern===

Außerdem kann es sein, dass sich ein Spieler nachträglich für einen anderen Namen entscheiden möchte.
FÜgen Sie deshalb auf jedem neuen Spielerobjekt die Funktion <code>changeName(name)</code> hinzu, welche den Namen des Spielers ändert.

<source lang="javascript">
var player1 = new Player('John', 3);
view.addObjectView(player1);
player1.changeName('James'); // Name sollte nun James sein
</source>

===Aktuelle Spielerinformationen===

Erweitern Sie jedes neue Spielerobjekt um die Funktion <code>getInfo()</code>, welche aktuelle Spielerinformationen bereitstellen soll.
Die Funktion liefert den Namen des Spielers und die Anzahl seiner aktuellen Leben als zusammengesetzten String zurück.

<source lang="javascript">
var player1 = new Player('John', 3);
view.addObjectView(player1);
player1.loseLife();
player1.changeName('James');
console.log(player1.getInfo()); // gibt 'Spieler: James / Leben: 2' aus
</source>

===Typüberprüfung===

In bestimmten Spielsituationen kann es wichtig sein zu überprüfen, ob sich bei einem Objekt um einen Spieler handelt.
Schreiben Sie die dazu die Funktion <code>Player.isPlayer()</code>, welche den Typ von einem gegebenen Objekt überprüft.

<source lang="javascript">
var player1 = new Player('John', 3);
view.addObjectView(player1);
console.log(Player.isPlayer(player1)); // true
console.log(Player.isPlayer({})); // false
</source>

MMProg:WiSe2015:Praktikum:Aufgabe 4 - Versionsgeschichte

Lawrence am 9. Oktober 2015 um 07:37 Uhr

Lawrence: Die Seite wurde neu angelegt: „=Praktikumsaufgabe 4= ==Arbeiten mit Funktionen und this== ===Ziel=== Ziel dieser Aufgabe ist es die in dem JavaScript-Tutorium vermittelten Gr…“

Lawrence: Die Seite wurde neu angelegt: „=Praktikumsaufgabe 4= ==Arbeiten mit Funktionen und `this`== ===Ziel=== Ziel dieser Aufgabe ist es die in dem JavaScript-Tutorium vermittelten Gr…“