能否在URL中存储变量？URL参数与代码变量的差异及使用可行性咨询

关于URL参数的几个问题解答 #

1. URL能不能存储变量？你举的例子是不是等价于直接声明JS变量？

可以，你说的?后面跟着的key=value结构是HTTP规范里定义的查询字符串（Query String），本身就是设计用来在URL里传递参数的标准方案。

你举的例子逻辑上近似，但不完全等价：URL本身不会自动给运行环境声明q这个变量，需要你主动从URL中解析提取之后，才能得到对应的变量值。%20是URL编码格式的空格，解析的时候会自动还原为正常空格，不需要手动处理。

前端原生就有API可以直接读取这个参数，示例代码如下：

// 读取当前页面URL的查询参数
const params = new URLSearchParams(window.location.search);
const q = params.get('q'); // 此时q的值就是 "Text Goes Here"

服务端的各类Web框架也都内置了查询参数的解析能力，直接调用对应接口就能拿到值。

2. YouTube用?v=的参数形式而不是路径形式，这种方案能不能自己实现？

完全可以自行实现，这是非常常规的开发操作。
路径形式和查询参数形式没有绝对的优劣，只是适用场景不同：

• 查询参数的优势是灵活度高，适合传递可选、可叠加的参数。比如YouTube的播放页除了视频ID的v参数，还支持加t=10（指定从第10秒开始播放）、list=xxx（关联播放列表）等多个可选参数，用路径形式的话URL层级会变得非常冗余混乱。
• 路径形式一般更适合用来标识必填的固定资源层级，比如/category/123/article/456这种明确的资源所属关系。

不管是服务端的路由配置（Nginx、各类后端Web框架都原生支持），还是前端单页应用的路由工具（Vue Router、React Router等），都内置了查询参数的解析能力，不需要额外做复杂的适配，直接调用对应方法就能获取参数值。

内容的提问来源于stack exchange，提问作者BreakLikesCoding