


Kaedah JS untuk melaksanakan kemahiran function_javascript penghala mudah
May 16, 2016 pm 03:57 PMContoh dalam artikel ini menerangkan cara melaksanakan fungsi penghala mudah dalam JS. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:
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();
Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Perbezaan antara vivox100s dan x100: perbandingan prestasi dan analisis fungsi

Apa itu Discuz? Definisi dan pengenalan fungsi Discuz

Apakah sebenarnya media kendiri? Apakah ciri dan fungsi utamanya?

Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik

Petua PHP: Cepat Laksanakan Kembali ke Fungsi Halaman Sebelumnya

Apakah fungsi perisian pengurusan akaun Xiaohongshu? Bagaimana untuk mengendalikan akaun Xiaohongshu?

Penjelasan terperinci tentang fungsi dan fungsi GDM di bawah Linux
