作者tume209 (tume209)
看板Web_Design
标题[问题] javascript:while回圈问题
时间Wed Jul 26 18:25:51 2017
各位大大好～我是自学的新手
最近学到exec( )跟lastIndex，因此尝试配合while回圈，想写一个函数能够「匹配元素内文字，并返回每一次匹配後的lastIndex」，
却遇到了完全搞不懂的状况。
我将范例放在codepen里：
https://goo.gl/rJ7LX7
大制说明一下我的问题 ----
p2中得到的值：是我期待的结果。
p3中得到的值：
却略过了第一次与第三次的exec( )匹配，推测是因为写法不同，
造成回圈的过程，第一次与第三次的exec( )已经匹配过了，
但我搞不懂是怎麽处理的…
p4中得到的值：
却造成浏览器崩溃…，同样的我也不清楚原因…
-------------------------
以上可能很多名词不正确，但若各位高手有空，
还请替我解惑，感谢再感谢…
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 59.124.15.187
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1501064754.A.1DC.html
※ 编辑: tume209 (49.218.87.99), 07/26/2017 18:33:18
1F：→ tino1991: p3 : 在while判断的时候执行1 印出来执行2 LOOP 07/26 19:28
3F：→ tino1991: p4 : res2 在宣告後是一个阵列 while(true) 07/26 19:38
4F：→ tino1991: 个人浅见 07/26 19:38
实在感谢t大，还热心提供范例，尝试了解了一下，是否可再劳烦确认我的理解orz
var res;
while(condition){ JScode }
p2之所以能成功，是因为「condition中作的"res宣告"」，相当於「被藏起来的宣告」?
所以每一次执行前的判断，
只会将「JScode内的res」当作while之前「没有内容的var:res」罗?
※ 编辑: tume209 (1.160.164.46), 07/27/2017 01:12:50
5F：→ tino1991: p2 的res 有值阿 你不是都印出来了XD 07/27 11:11
6F：→ tino1991: 看上面网页回答的前言 exec在reg 有/g global 的时候 07/27 11:18
7F：→ tino1991: 所以p2 while执行第5次 res=null 07/27 11:28
8F：→ tino1991: 试试看console.log(res); 浏览器开F12 07/27 11:31
9F：→ tino1991: 发现原来 res 赋值後是 object 07/27 11:32
感谢回应~~但是可能是我表达不清楚，还是看不懂t大的回应orz
我这里的疑问在於，
「为什麽p2 JScode中的res能避开"判断时"而作的匹配?」
如您所说，
p3的JS code内的exec()会因为判断而作了一次匹配(您提的"判断1执行2")，
但是，p2直接将「在condition中被赋值」的res带入JS code，
却能避开判断时作的匹配(判断x执行1)!?
这原因究竟是甚麽?
而经过您提醒，尝试以console.log(res)判断，
得到无论在「condition内」或「while回圈外」为res赋值，
res都是object，那这样不就更表示，p2、p3都应该有判断1执行2的状况吗...??
※ 编辑: tume209 (59.124.15.187), 07/27/2017 12:48:28
10F：→ q8611027: p3 不是「避开」判断时的匹配，而是第一次匹配在判断时 07/27 13:19
11F：→ q8611027: 就「已经做过了」，所以大括号里做的是第二次匹配 07/27 13:19
12F：→ q8611027: condition 也会被执行 07/27 13:21
感谢q大也热心回应！
是的，我已了解判断condition时也会执行exec()，也因此我才有疑问。
为何
「p2、p3拥有相同condition的前提」之下，得到的值却不相同?
p3会在condition判断时进行1次exec()，执行时也进行1次exec()，
所以导致返回第2、4次的值(第5次停止)。
但
p2不也应该在condition判断时进行exec()执行吗?
以结果看起来，
却像是condition判断时没触发exec()，只作了执行的exec()!!?
所以返回的值也是完整的第1、2、3、4次的值。
※ 编辑: tume209 (59.124.15.187), 07/27/2017 13:55:19
13F：→ q8611027: p2 和 p3 的 condition 中， exec() 执行完的 return 值 07/27 13:56
14F：→ q8611027: 存在 res，p2 直接取 res 的值，但 p3 又执行了一次 exe 07/27 13:56
15F：→ q8611027: c() 啊（在 innerHtml 那行） 07/27 13:56
16F：→ q8611027: 笔误，应该是 innerHTML 07/27 13:59
喔喔喔喔！了解！
感谢两位这麽仔细教学，全然了解了！
※ 编辑: tume209 (59.124.15.187), 07/27/2017 14:47:01