Câu trả lời của Robert rất thú vị, nhưng thật đáng buồn, nó sẽ chỉ hoạt động nếu hàm băm chính xác như được xác định trong tuyến đường. Ví dụ, nếu bạn có một tuyến đường cho user(/:uid)nó sẽ không được khớp nếu đó Backbone.history.fragmentlà "user"hoặc "user/1"(cả hai trường hợp sử dụng rõ ràng nhất cho tuyến đường đó). Nói cách khác, nó sẽ chỉ tìm thấy tên gọi lại phù hợp nếu hàm băm chính xác "user(/:uid)"(rất khó xảy ra).
Vì tôi cần chức năng này, tôi đã mở rộng Backbone.Routervới một currentchức năng sử dụng lại một số mã mà đối tượng Lịch sử và Bộ định tuyến sử dụng để khớp với đoạn hiện tại so với các Tuyến được xác định để kích hoạt cuộc gọi lại thích hợp. Đối với trường hợp sử dụng của tôi, nó nhận tham số tùy chọn route, nếu được đặt thành bất kỳ giá trị trung thực nào sẽ trả về tên hàm tương ứng được xác định cho tuyến. Nếu không, nó sẽ trả về đoạn băm hiện tại từ Backbone.History.fragment.
Bạn có thể thêm mã vào Mở rộng hiện tại nơi bạn khởi tạo và thiết lập bộ định tuyến đường trục.
var Router = new Backbone.Router.extend({
// Pretty basic stuff
routes : {
"home" : "home",
"user(:/uid)" : "user",
"test" : "completelyDifferent"
},
home : function() {
// Home route
},
user : function(uid) {
// User route
},
// Gets the current route callback function name
// or current hash fragment
current : function(route){
if(route && Backbone.History.started) {
var Router = this,
// Get current fragment from Backbone.History
fragment = Backbone.history.fragment,
// Get current object of routes and convert to array-pairs
routes = _.pairs(Router.routes);
// Loop through array pairs and return
// array on first truthful match.
var matched = _.find(routes, function(handler) {
var route = handler[0];
// Convert the route to RegExp using the
// Backbone Router's internal convert
// function (if it already isn't a RegExp)
route = _.isRegExp(route) ? route : Router._routeToRegExp(route);
// Test the regexp against the current fragment
return route.test(fragment);
});
// Returns callback name or false if
// no matches are found
return matched ? matched[1] : false;
} else {
// Just return current hash fragment in History
return Backbone.history.fragment
}
}
});
// Example uses:
// Location: /home
// console.log(Router.current()) // Outputs 'home'
// Location: /user/1
// console.log(Router.current(true)) // Outputs 'user'
// Location: /user/2
// console.log(Router.current()) // Outputs 'user/2'
// Location: /test
// console.log(Router.current(true)) // Outputs 'completelyDifferent'
Tôi chắc chắn một số cải tiến có thể được thực hiện, nhưng đây là một cách tốt để giúp bạn bắt đầu. Ngoài ra, thật dễ dàng để tạo chức năng này mà không cần mở rộng đối tượng Tuyến đường. Tôi đã làm điều này bởi vì đó là cách thuận tiện nhất cho việc thiết lập của tôi.
Tôi chưa thử nghiệm điều này đầy đủ, vì vậy xin vui lòng cho tôi biết nếu có bất cứ điều gì đi về phía nam.
CẬP NHẬT 25/11/2013
Tôi đã thực hiện một số thay đổi cho hàm, vì vậy thay vì trả về tên gọi lại hàm băm hoặc tuyến đường, tôi trả về một đối tượng có đoạn, thông số và tuyến để bạn có thể truy cập tất cả dữ liệu từ tuyến hiện tại, giống như bạn đi từ tuyến đường- biến cố.
Bạn có thể thấy những thay đổi dưới đây:
current : function() {
var Router = this,
fragment = Backbone.history.fragment,
routes = _.pairs(Router.routes),
route = null, params = null, matched;
matched = _.find(routes, function(handler) {
route = _.isRegExp(handler[0]) ? handler[0] : Router._routeToRegExp(handler[0]);
return route.test(fragment);
});
if(matched) {
// NEW: Extracts the params using the internal
// function _extractParameters
params = Router._extractParameters(route, fragment);
route = matched[1];
}
return {
route : route,
fragment : fragment,
params : params
};
}
Xem mã trước để biết thêm nhận xét và giải thích, chúng trông giống nhau.