536 Kapitel 12
Einen Auto-Konstruktor erstellen
Zeit für die Produktion!
Sie haben Ihre Fähigkeiten
zur Erstellung von Objekten
gerade rechtzeitig erlangt.
Wir haben nämlich eben
eine große Bestellung für Autos
hereinbekommen und können sie nicht
alle von Hand bauen. Wir brauchen einen
Konstruktor, damit die Fahrzeuge rechtzeitig fertig werden. Als Leitlinie für
den Auto-Konstruktor benutzen wir die schon bekannten Objektliterale.
Unten sehen Sie, welche Arten von Autos wir bauen müssen. Wir haben uns erlaubt, ihre Eigenschaften und Methoden
schon zu vereinheitlichen, damit sie bei allen Autos gleich sind. Um Sonderausstattungen, Spielzeugautos und
Raketenwagen kümmern wir uns später. Wenn Sie sich die verschiedenen Modelle angesehen haben, können wir
beginnen, einen Konstruktor zu erstellen, der in der Lage ist, ein beliebiges Auto zu bauen, das diese Eigenschaften
und Methoden besitzt.
var chevy = {
make: "Chevy",
model: "Bel Air",
year: 1957,
color: "rot",
passengers: 2,
convertible: false,
mileage: 1021,
started: false,
start: function() {
this.started = true;
},
stop: function() {
this.started = false;
},
drive: function() {
if (this.started) {
console.log("Ein" + this.make + " " +
this.model + " macht wrumm wrumm!");
} else {
console.log("Sie müssen erst den Motor starten.");
}
}
};
var cadi = {
make: "GM",
model: "Cadillac",
year: 1955,
color: "Bräunlich",
passengers: 5,
convertible: false,
mileage: 12892,
started: false,
start: function() {...},
stop: function() {...},
drive: function() {...}
};
var fiat = {
make: "Fiat",
model: "500",
year: 1957,
color: "mittelblau",
passengers: 2,
convertible: false,
mileage: 88000,
started: false,
start: function() {...},
stop: function() {...},
drive: function() {...}
};
var taxi = {
make: "Webville Motors",
model: "Taxi",
year: 1955,
color: "gelb",
passengers: 4,
convertible: false,
mileage: 281341,
started: false,
start: function() {...},
stop: function() {...},
drive: function() {...}
};
Sie sind hier 537
Fortgeschrittene Objektkonstruktion
Benutzen Sie das in diesem Kapitel Gelernte, um einen Auto-Konstruktor mit dem Namen Car zu
erstellen. Wir empfehlen diese Reihenfolge:
function ________(______________________________________________) {
}
Hier kommt Ihr
Code hin.
1
2
3
Beginnen Sie mit dem Schlüsselwort function (tatsächlich haben wir das schon für
Sie erledigt), gefolgt vom Konstruktornamen. Dann geben Sie die Parameter an. Die
brauchen Sie für jede Eigenschaft, die einen Startwert erhalten soll.
Danach weisen Sie jeder Objekteigenschaft ihren Startwert zu (und vergessen Sie
nicht, den Eigenschaftsnamen mit einem
this zu versehen).
Bauen Sie zum Schluss die car-Methoden start, drive und stop ein.
Überprüfen Sie Ihre Arbeit auf jeden Fall anhand der
Antwort am Ende des Kapitels, bevor Sie weitermachen!
Übung

Get JavaScript-Programmierung von Kopf bis Fuß now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.