javascript-router.js

let Router = {
    routes: {
        "/": "index",
        "/sayhello/:name": "sayhello"
    },
    init: function() {
        this._routes = [];
        for (let route in this.routes) {
            let method = this.routes[route];
            this._routes.push({
                pattern: new RegExp('^' + route.replace(/:\w+/g, '(\\w+)') + '$'),
                callback: this[method]
            });
        }
    },
    dispatch: function(path) {
        var i = this._routes.length;
        while (i--) {
            var args = path.match(this._routes[i].pattern);
            if (args) {
                this._routes[i].callback.apply(this, args.slice(1));
            }
        }
    },
    index: function() {
        console.log('Index route');
    },
    sayhello: function(name) {
        console.log(`Hello ${name}`);
    }
}

Router.init();
Router.dispatch('/');
Router.dispatch('/sayhello/Bunny');