Working with Models | Backbone.js Patterns and Best Practices

Basic usage of models

Models are one of the most important components of Backbone. Starting from storing data, they provide a lot of functionality, including logic around the data, validations, data interactions, and so on. A model can be defined by extending the Backbone.Model class, shown as follows:

var User = Backbone.Model.extend({});

A model consists of an attributes property that stores the data within it. You can get the model data using a get() method and set the data in attributes by using the set() method:

var newUser  =  new User({
  name : 'Jayanti De',     
  age : 40
});

var name = newUser.get('name');  // Jayanti De
newUser.set('age', 42);

console.log(newUser.toJSON()); 
// Output => {"name": "Jayanti De", "age": 42}

The toJSON() method of a model returns a copy of the model attributes as a JSON object. Note that the output has age now set to the new value. Whenever you change any attribute via the set() method, a change event gets fired on the model:

newUser.on('change'...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Backbone.js Patterns and Best Practices

By : Swarnendu De

Backbone.js Patterns and Best Practices

By: Swarnendu De

Overview of this book

Basic usage of models

Backbone.js Patterns and Best Practices

By : Swarnendu De

Backbone.js Patterns and Best Practices

By: Swarnendu De

Overview of this book

Basic usage of models

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access