Klassen und Objekte in JavaScript

Aus Wikizone
Wechseln zu: Navigation, Suche

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript

Klassen in JavaScript

In JS gibt es kein class Schlüsselwort. Stattdessen nimmt man einfach eine Funktion:

var Person = function () {
  console.log('instance created');
};

var person1 = new Person();
var person2 = new Person();

Klassen in eigenem Namespace

Beispiel:

var MyApp = MyApp || function(initObj){
	this.config = initObj.config
	this.otherstuff = initObj.otherstuff
};

Eigenschaften in Klassen

var Person = function (firstName) {
  this.firstName = firstName;
  console.log('Person instantiated');
};

var person1 = new Person('Alice');
var person2 = new Person('Bob');

// Show the firstName properties of the objects
console.log('person1 is ' + person1.firstName); // logs "person1 is Alice"
console.log('person2 is ' + person2.firstName); // logs "person2 is Bob"

Methoden in Klassen

Mit dem Schlüsselwort prototype kann man Funktionen zur Klasse hinzufügen.

var Person = function (firstName) {
  this.firstName = firstName;
};

Person.prototype.sayHello = function() {
  console.log("Hello, I'm " + this.firstName);
};

var person1 = new Person("Alice");
var person2 = new Person("Bob");

// call the Person sayHello method.
person1.sayHello(); // logs "Hello, I'm Alice"
person2.sayHello(); // logs "Hello, I'm Bob"

Die Methode ist ein