解析JavaScript极简版石头剪刀布函数的核心逻辑

先贴出完整的出拳判断函数：

rps=(a,b)=>a==b?'Draw!':`Player ${/rp|ps|sr/.test(a[0]+b[0])?2:1} won!`;

你已经理解箭头函数、三元运算符和模板字符串，下面专门拆解你看不懂的字符串插值部分 ${/rp|ps|sr/.test(a[0]+b[0])?2:1}：

拆解步骤： #

1. 取首字母组合：a[0]+b[0]

   • 函数参数a和b是玩家的出拳（rock/paper/scissors），a[0]取第一个玩家出拳的首字母，b[0]取第二个玩家的首字母，拼接成两个字符的字符串。比如玩家1出rock、玩家2出paper，就得到'rp'。

2. 正则匹配玩家2获胜的情况：/rp|ps|sr/

   • 这是一个正则表达式，|表示“或”，所以它会匹配三种字符串：
     • rp：rock vs paper → paper（玩家2）获胜
     • ps：paper vs scissors → scissors（玩家2）获胜
     • sr：scissors vs rock → rock（玩家2）获胜
   • 简单说，这个正则就是定义所有玩家2赢的出拳组合。

3. 正则测试匹配结果：.test(a[0]+b[0])

   • 正则的test方法会检查前面拼接的首字母字符串是否匹配上面的正则，匹配成功返回true，失败返回false。

4. 三元运算符决定获胜玩家编号：?2:1

   • 如果test返回true（玩家2赢的组合），就返回数字2；否则返回1（玩家1赢）。

把这些步骤连起来，就是通过首字母组合匹配预定义的玩家2获胜场景，最终判断出是玩家1还是玩家2赢，再把结果插入到模板字符串里。

内容的提问来源于stack exchange，提问作者Fábio Gonçalves