Backbone.js - Modellen

De model- is de basis van de structuur van onze applicatie, in het geval van: Backbone.js, zal het model een abstractie vertegenwoordigen van wat we op onze pagina willen vastleggen.
Hiervoor hebben we een structuur die attributen bevat en elk van deze zal verschillende waarden bevatten, zodat we individuele objecten kunnen vormen die een gemeenschappelijke basis delen.
In Backbone.js Om met deze objecten te werken en hun attributen te gebruiken, hebben we twee belangrijke methoden, de krijgen en de set, helpt de eerste ons om de reeds gedeclareerde waarde te verkrijgen en de tweede om deze waarde vast te stellen.
Modelstructuur
De structuur voor het maken van een model in Backbone.js is vrij eenvoudig, het eerste wat we moeten doen is een variabele definiëren die de definitie van het model zal bevatten, deze definitie wordt gegeven door een voorbeeld van Backbone.Model.extend.
HerinnerenOnthoud dat we een HTML met de bibliotheek moeten hebben Backbone.js opgenomen zodat we de voorbeelden in de kunnen uitvoeren Chrome-ontwikkelaarsconsole.
Laten we een voorbeeld bekijken waarin de code die onze HTML zou moeten hebben, er ongeveer zo uit zou moeten zien:

 Titel 

Laten we de bijbehorende code in de volgende afbeelding bekijken:

Zoals we hebben gezien, declareren we eerst ons model, dan instantiëren we het en tenslotte printen we de inhoud, maar in dit geval is het leeg omdat we er nog niets in hebben opgenomen.
Stel () methode in
Met de set () methode We kunnen de bijbehorende gegevens in ons model opnemen, maar hiervoor gaan we eerst de initiële waarden van onze instanties opnemen, op deze manier hebben we een structuur waaraan we de bijbehorende waarden kunnen toewijzen.
Laten we eens kijken hoe we een model kunnen maken met initiële gegevens en dan doen we a set() om een ​​waarde toe te kennen:

Zoals we kunnen zien, kostte het ons wat meer werk en code, maar bij het vaststellen van de structuur in het model hebben onze instanties deze automatisch en wanneer we de set() we kunnen elk attribuut een waarde geven.
Get () methode
Omdat we niet altijd alle inhoud van een object hoeven af ​​te drukken, hebben we waarschijnlijk maar één of twee attributen nodig, afhankelijk van de situatie, we hebben de get () methode, deze methode stelt ons in staat om de waarde van het attribuut te verkrijgen.
Om de . te gebruiken get () methode we gaan gewoon zijn aanroep doen vanuit de instantie en als parameter gaan we het attribuut doorgeven dat we willen verkrijgen.
Laten we er een voorbeeld van zien in de volgende afbeelding:

Hier kunnen we twee dingen zien, de eerste is de werking van onze krijg () methode, We hebben de waarde van het content-attribuut van het model verkregen en de tweede is dat we kunnen volharden in wat we in onze console doen, dit is erg belangrijk omdat het ons in staat stelt om de overeenkomstige tests uit te voeren die we hebben gezien .
Aan het einde van deze tutorial konden we zien hoe we een model kunnen maken in Backbone.js evenals de verschillende methoden waarmee we het binnen onze applicatie kunnen verwerken.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven