Welche drei Methoden gibt es zum Definieren einer Klasse in Javascript?

Drei Möglichkeiten, eine Klasse in JavaScript zu definieren: 1. Verwenden Sie den Konstruktor, um die Klasse zu definieren. Die Syntax lautet „Funktionsname(){this.name=value;}“ 2. Verwenden Sie „Object.create()“; 3. ,Verwenden Sie die Methode „createNew()“, um die Klasse zu definieren.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Was sind die drei Methoden zum Definieren einer Klasse in JavaScript?

Bei der objektorientierten Programmierung ist eine Klasse eine Vorlage für ein Objekt, die die Eigenschaften und Methoden definiert, die derselben Gruppe von Objekten (auch „Instanzen“ genannt) gemeinsam sind. .

Die JavaScript-Sprache unterstützt keine „Klassen“, aber Sie können einige Problemumgehungen verwenden, um „Klassen“ zu simulieren.

1. Konstruktormethode

Dies ist eine klassische Methode und eine Methode, die in Lehrbüchern unbedingt gelehrt werden muss. Es verwendet den Konstruktor, um eine „Klasse“ zu simulieren, und verwendet intern das Schlüsselwort this, um auf das Instanzobjekt zu verweisen.

function Cat(){
  this.name = "大毛";
}

Verwenden Sie beim Generieren einer Instanz das neue Schlüsselwort.

var cat1 = new Cat();
alert(cat1.name);   //大毛

Die Attribute und Methoden der Klasse können auch im Prototypobjekt des Konstruktors definiert werden.

Cat.prototype.makeSound = function(){
  alert("喵喵喵");
}

Eine ausführliche Einführung in diese Methode finden Sie in der Artikelserie „JavaScript Object-Oriented Programming“, ich werde hier nicht näher darauf eingehen. Sein Hauptnachteil besteht darin, dass es kompliziert zu lehren ist, dies und Prototypen verwendet und sehr mühsam zu schreiben und zu lesen ist. 2. Methode Object.create() beliebt), Eine neue Methode Object.create() wird vorgeschlagen.

Bei dieser Methode ist „Klasse“ ein Objekt, keine Funktion.

var Cat = {
  name: "大毛",
  makeSound: function(){
    alert("喵喵喵");
  }
};

Verwenden Sie dann direkt Object.create(), um die Instanz zu generieren, ohne new zu verwenden.

var cat1 = Object.create(Cat);
alert(cat1.name);   //大毛
cat1.makeSound();   //喵喵喵

Derzeit nutzen die neuesten Versionen aller gängigen Browser (einschließlich IE9) diese Methode. Wenn Sie auf einen alten Browser stoßen, können Sie ihn mit dem folgenden Code selbst bereitstellen.

if(!Object.create){
  Object.create = function(o){
    function F(){};
    F.prototype = o;
    return new F();
  }
}

Diese Methode ist einfacher als die „Konstruktormethode“, kann jedoch weder private Eigenschaften und private Methoden implementieren noch Daten zwischen Instanzobjekten austauschen, und die Simulation von „Klassen“ ist nicht umfassend genug.

3. Minimalistische Methode

Der niederländische Programmierer Gabor de Mooij hat eine neue Methode vorgeschlagen, die besser ist als Object.create(). Er nennt diese Methode „Minimalistische Methode“. Dies ist auch die Methode, die ich empfehle.

3.1 KapselungDiese Methode gilt nicht für diesen und Prototypen. Der Code ist sehr einfach bereitzustellen, weshalb er wahrscheinlich als „minimalistische Methode“ bezeichnet wird. Zuallererst wird auch ein Objekt verwendet, um eine „Klasse“ zu simulieren. Definieren Sie in dieser Klasse einen Konstruktor caeateNew(), um Instanzen zu generieren.

var Cat = {
  createNew: function(){
    //some code here
  }
};

Dann definieren Sie in carateNew() ein Instanzobjekt und verwenden dieses Instanzobjekt als Rückgabewert.

var Cat = {
  createNew: function(){
    var cat = {};
    cat.name = "大毛";
    car.makeSound = function(){
      alert("喵喵喵")；
    }；
  }
}；

Wenn Sie es verwenden, rufen Sie die Methode createNew() auf, um das Instanzobjekt abzurufen.

var cat1 = Cat.createNew();
cat1.makeSound();   //喵喵喵

Der Vorteil dieser Methode besteht darin, dass sie leicht zu verstehen ist, eine klare und elegante Struktur aufweist und dem traditionellen Konstrukt der „objektorientierten Programmierung“ entspricht, sodass die folgenden Funktionen problemlos bereitgestellt werden können.

Verwandte Empfehlungen:

Javascript-Lern-Tutorial

Das obige ist der detaillierte Inhalt vonWelche drei Methoden gibt es zum Definieren einer Klasse in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!