Backbone.js View Constructor / Initialize

The Backbone.js view Constructor is called when the view is first created. It initializes the view. It uses new keyword and get called when the view is created. It is one of the several special options that will be attached directly to the view.

Syntax:

Parameter explanation:

options: It is optional. It can be model, collection, id, className, tagName, attributes, and events.

Let's take an example.

See this example:

 <!DOCTYPE html>
   <head>
      <title>View 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>
   </head>
   <body>
      <script type="text/javascript">

         var ViewDemo = Backbone.View.extend({

            initialize:function(){
               document.write('JavaTpoint is the best online tutorial website for all techologies.');
             }
         });

         var myview = new ViewDemo();
         </script>
         </body>
      </html>

Test it Now

Output:

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