JavaScript正则表达式：如何仅匹配@{<integer>}的完整独立匹配项

我明白你的痛点了——想用正则匹配@{<integer>}这种格式，但必须是独立单元，不能和字母数字粘在一起，之前试了\b不管用对吧？

其实\b不好用的原因很简单：它是单词边界，只区分「单词字符（字母、数字、下划线）」和「非单词字符」的分界。而@本身就是非单词字符，当它前面是空格（也是非单词字符）时，两者之间没有\b；反而当它前面是字母（比如Hello@{1}里的o）时，字母是单词字符，@是非单词字符，这时候反而会形成\b，导致错误匹配不想选的情况。

给你两个针对性的解决方案，看你的运行环境来选：

方案1：现代环境（支持ES2018+，比如Chrome、Node.js 10+） #

用零宽断言完美解决，既能精准匹配目标内容，又不会捕获前后的空格或标点：

const regex = /(?<=^|\W)@{\d+}(?=\W*$)/g;

拆解一下这个正则：

• (?<=^|\W)：反向零宽断言，确保@{数字}的前面要么是字符串开头，要么是非单词字符（空格、感叹号这类，总之不是字母/数字/下划线），杜绝和字母数字直接相连的情况。
• @{\d+}：核心匹配部分，就是你要找的@{加整数加}的格式。
• (?=\W*$)：正向零宽断言，确保@{数字}的后面要么是字符串结尾，要么是一堆非单词字符后到结尾——这样就满足了你说的Hello @{1}!可以匹配，但Hello @{1}!adkjnasj不行的要求（因为后面跟着字母数字）。

测试几个你给的例子：

• ✅ Hello @{1} → 匹配到@{1}
• ❌ Hello@{1} → 不匹配（前面是字母，和@{直接粘在一起）
• ❌ @{1}Hello → 不匹配（后面是字母，和}直接粘在一起）
• ✅ Hello @{1}! → 匹配到@{1}
• ❌ Hello @{1}!adkjnasj → 不匹配（!后面跟着字母数字，不符合断言要求）

如果你的需求只是「@{数字}不与字母数字直接相连」，不需要限制后面非单词字符之后的内容（比如允许Hello @{1}! world匹配@{1}），可以把正则简化成：

const regex = /(?<=^|\W)@{\d+}(?=\W|$)/g;

方案2：兼容旧环境（不支持反向预查） #

如果要跑在不支持ES2018反向预查的旧浏览器里，可以用捕获组来提取目标内容：

const regex = /(^|\W)(@{\d+})(\W*$)/;
const str = "Hello @{1}!";
const matchResult = str.match(regex);
if (matchResult) {
  console.log(matchResult[2]); // 输出 @{1}
}

这种方式通过捕获组把中间的@{数字}单独拎出来，前后的分组用来确保边界条件，缺点是只能匹配字符串中符合要求的最后一个目标，如果有多个的话需要额外处理循环。

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