Express.js 路由正则匹配的写法及注意事项-JavaScript中文网-JavaScript教程资源分享门户

Express.js 是一个常用的 Node.js Web 框架，它提供了一系列的 API 来处理 HTTP 请求和响应。其中，路由是非常重要的一部分，它能够将不同的请求映射到不同的处理函数上，从而实现不同的功能。在实际开发过程中，我们经常需要使用路由正则匹配来实现更加灵活的路由配置。本文将介绍 Express.js 路由正则匹配的写法及注意事项，希望能够对前端工程师有所帮助。

基本写法

在 Express.js 中，路由可以使用字符串或者正则表达式进行匹配。如果使用字符串进行匹配，可以使用 : 符号来表示参数，例如：

app.get('/users/:id', function(req, res) {
  var userId = req.params.id;
  // ...
});

上面的代码中，我们定义了一个路由 /users/:id，其中 :id 表示参数，它可以匹配任意值，例如 /users/123、/users/abc 等等。当请求到达该路由时，Express.js 会自动将参数解析出来，并且保存到 req.params 对象中。

如果要使用正则表达式进行匹配，可以使用 app.get、app.post 等方法的第一个参数传入正则表达式，例如：

app.get(/^\/users\/(\d+)$/, function(req, res) {
  var userId = req.params[0];
  // ...
});

上面的代码中，我们定义了一个路由 /users/(\d+)，其中 \d+ 表示匹配数字，它可以匹配任意数字，例如 /users/123、/users/456 等等。当请求到达该路由时，Express.js 会自动将正则表达式中的每个匹配组保存到 req.params 数组中。例如，对于 /users/123，req.params[0] 的值为 "123"。

注意事项

在使用路由正则匹配时，需要注意以下几点：

1. 路由顺序

路由匹配是按照定义的顺序进行的。因此，如果有多个路由可以匹配同一个请求，那么 Express.js 会使用第一个匹配成功的路由。因此，我们需要将更具体的路由放在前面，将更一般的路由放在后面。例如：

app.get('/users/:id', function(req, res) {
  // ...
});

app.get('/users/all', function(req, res) {
  // ...
});

上面的代码中，/users/:id 路由可以匹配任意用户 ID，而 /users/all 路由只能匹配所有用户。因此，我们需要将 /users/:id 路由放在前面，将 /users/all 路由放在后面。

2. 正则表达式的性能

正则表达式的性能比字符串匹配要差一些。因此，如果有大量的路由需要进行正则匹配，那么可能会影响应用程序的性能。因此，我们需要尽量避免无意义的正则匹配，例如使用 .* 匹配任意字符，或者使用 .+ 匹配至少一个字符。如果需要匹配数字，应该使用 \d+ 而不是 .+。

3. 路由冲突

使用正则表达式进行路由匹配时，需要注意路由冲突的问题。例如，下面的两个路由都可以匹配 /users/123：

app.get('/users/:id', function(req, res) {
  // ...
});

app.get(/^\/users\/(\d+)$/, function(req, res) {
  // ...
});

在这种情况下，如果请求到达该路由，那么 Express.js 会使用第一个匹配成功的路由。因此，我们需要尽量避免这种路由冲突的情况。

示例代码

下面是一个使用正则表达式进行路由匹配的示例代码：

// www.javascriptcn.com code example
const express = require('express');
const app = express();

app.get(/^\/users\/(\d+)$/, function(req, res) {
  var userId = req.params[0];
  // ...
});

app.listen(3000, function() {
  console.log('Server is listening on port 3000');
});

上面的代码中，我们定义了一个路由 /users/(\d+)，其中 \d+ 表示匹配数字。当请求到达该路由时，Express.js 会将数字解析出来，并且保存到 req.params 数组中。例如，对于 /users/123，req.params[0] 的值为 "123"。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/67d55067a941bf71349d45f5

Express.js 路由正则匹配的写法及注意事项