ホームページ > 記事 > ウェブフロントエンド > 簡単なルーター関数をJSで実装する方法
この記事の例では、JS で単純なルーター関数を実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです:
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();
この記事が皆様のJavaScriptプログラミング設計のお役に立てれば幸いです。
簡単なルーター関数を実装するための JS メソッドに関連するその他の記事については、PHP 中国語 Web サイトに注目してください。