Backbone.js Model Constructor / Initialize

The Backbone.js initialize function is invoked by a class constructor while a model instance is created.

When model instance is created, the class's constructor gets called.

Syntax:

Parameter explanation:

attributes: Attributes define properties of a model, when creating instance of that model.

options: These are the options such as id, name etc used with attributes when model is created.

Let's take an example.

See this example:

<!DOCTYPE html>
   <head>
      <title> Initialize Example</title>
         <script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js" type="text/javascript"></script>
         <script type="text/javascript">
            MyModel = Backbone.Model.extend({
               initialize: function(){
                  document.write("Welcome to JavaTpoint");
               }
            });
            var mymodel = new MyModel;
         </script>
   </head>
   <body></body>
</html>

Test it Now

Output:

Save the above code in initialize.html file and open this file in a new browser.