In diesem Rückgrat.JS Framework Tutorial, wir werden die Länge () -Methode in der Sammelklasse diskutieren.

Einführung

Backbone JS ist ein Framework, das zum Erstellen von Webanwendungen verwendet wird, die dem Stil von JavaScript folgen.

Es unterstützt Modelle, Veranstaltungen, Sammlungen, Ansichten und Dienstprogramme.

Mithilfe einer der vorherigen Funktionen können wir in einer Webanwendung unterschiedliche Vorgänge für die angegebenen Daten erstellen und ausführen.

Punkte, die man sich merken sollte

1. Es wird mit JavaScript verwendet.

2. Wir können das Framework innerhalb des Tags implementieren.

3. Dieses Framework unterstützt JavaScript -Methoden und -funktionen wie Ausgabe und Leseneingabe.

4. Das Tag wird in Tag oder im Tag platziert.

5. Es ist wichtig, dass CDN -Links (Content Delivery Network) zur Ausführung der Webanwendung auf dem Server ausgeführt werden.

Lassen Sie uns die Struktur sehen, um den Code zu platzieren

CDN -Links werden mit dem SRC -Attribut des Skript -Tags platziert.

CDN -Links

Die Länge () -Methode im Rückgrat.Die JS -Sammlung gibt die Gesamtzahl der Modellinstanzen oder das Array von Modellinstanzen aus der Backbone Collection zurück.

Syntax:

Collection_Object.Länge

Ansatz

1. Erstellen Sie ein Backbone -Modell mit der Extend () -Methode.

Syntax:

var modelClass = Backbone.Modell.erweitern();

2. Erstellen Sie eine Backbone -Sammlung mithilfe der Extend () -Methode und bestehen Sie die Modellklasse.

Syntax:

var collectionclass = Backbone.Sammlung.erweitern(
Modell: Modellklasse
);

3. Erstellen Sie ein Objekt oder eine Instanz für die Sammelklasse.

Syntax:

var collection_instance = new CollectionClass ();

4. Erforschen Sie die Längenmethode im Rückgrat.JS -Sammlung.

Lassen Sie uns einige Beispiele des Rückgrats diskutieren.JS -Sammlungslänge () Methode.

Beispiel 1

In diesem Beispiel werden wir eine modale Klasse namens - Blumen erstellen und eine FlowerCollection -Sammlungsklasse erstellen. Wir werden unsere Modellklasse (Blumen) darin übergeben.

Danach müssen wir eine Instanz für das Blumenmodell mit drei Attributen erstellen (Flower_Name, Flower_sepals, Flower_Petals).

Wir werden eine Flower_Collection erstellen, die eine Instanz der FlowerCollection -Sammlung ist. Und wir werden die Instanz des Blumenmodells mit der Methode add () zur Sammlung fügen.

Jetzt werden wir die Länge () -Methode anwenden, um die Gesamtzahl der Modellinstanzen zurückzugeben.

Linux -Hinweis

Ausgang:

Führen Sie die Anwendung in Ihrem Browser aus, indem Sie den Code in der Datei mit speichern .HTML als Erweiterung.

Hier können wir sehen, dass die Länge () -Methode einen Ganzzahlwert 1 zurückgibt, der darstellt, dass es in der vorherigen Sammlung nur eine Modellinstanz gibt.

Beispiel 2

In diesem Beispiel werden wir eine modale Klasse namens - Blumen erstellen und eine FlowerCollection -Sammlungsklasse erstellen. Wir werden unsere Modellklasse (Blumen) darin übergeben.

Danach müssen wir eine Instanz für das Blumenmodell mit drei Attributen erstellen (Flower_Name, Flower_sepals, Flower_Petals).

Wir werden eine Flower_Collection erstellen, die eine Instanz der FlowerCollection -Sammlung ist. Und wir werden der Sammlungsinstanz mit der Methode add () drei Instanzen des Blumenmodells hinzufügen.

Jetzt werden wir die Länge () -Methode auf die Sammlung anwenden.

Linux -Hinweis

Ausgang:

Führen Sie die Anwendung in Ihrem Browser aus, indem Sie den Code in der Datei mit speichern .HTML als Erweiterung.

Hier sehen wir die zurückgegebene Länge () -Methode 3.

Abschluss

In diesem Rückgrat.JS Tutorial, wir haben die Länge () -Methode in der Sammlung erörtert. Es wird die Gesamtzahl der Modellinstanzen in einer Sammlung zurückgeben. Darüber hinaus werden keine Parameter erforderlich.