Backbone.js Router Constructor

The Backbone.js constructor or initialize method is used to create a new constructor for the router installation.

Syntax:

Parameter explanation:

options: It specifies the value that is passed to initialize function.

Let's take an example.

See this example:

 <!DOCTYPE html>
   <head>
      <title>Router 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 Router = Backbone.Router.extend({

            routes: {
               '': 'myroute_1',
               'myroute_2': 'myroute_2'
            },

            myroute_1: function(){
               document.write("myroute one has been called.");
            },
            myroute_2: function(){
            document.write("myroute two has been called.");
            },
         });
         var appRouter=new Router;  //It is an instantiation of the router using the 'new' keyword
         Backbone.history.start();
     </script>
  </body>
  </html>

Test it Now

Output:

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