JS implements the simple router function and js implements the router

JS implements the simple router function and js implements the router

This article describes how to implement simple router functions in JS. Share it with you for your reference. The specific implementation method is as follows:

var wawa = {};wawa.Router = function(){  function Router(){  }  Router.prototype.setup = function(routemap, defaultFunc){    var that = this, rule, func;    this.routemap = [];    this.defaultFunc = defaultFunc;    for (var rule in routemap) {      if (!routemap.hasOwnProperty(rule)) continue;      that.routemap.push({        rule: new RegExp(rule, 'i'),        func: routemap[rule]      });           }  };  Router.prototype.start = function(){    console.log(window.location.hash);    var hash = location.hash, route, matchResult;    for (var routeIndex in this.routemap){      route = this.routemap[routeIndex];      matchResult = hash.match(route.rule);      if (matchResult){        route.func.apply(window, matchResult.slice(1));        return;       }    }    this.defaultFunc();  };  return Router;}();var router = new wawa.Router();router.setup({  '#/list/(.*)/(.*)': function(cate, id){      console.log('list', cate, id);    },  '#/show/(.*)': function(id){      console.log('show', id);     }}, function(){  console.log('default router');});router.start();

I hope this article will help you design javascript programs.