遇到一個bug，程式碼的執行完全不在期望之內。
我寫了一段這樣的程式碼，實現的功能，就想實現一個簡單的jquery選擇器功能。

function $(selector){
        var ID_REG=/^\#(\w*)$/g;
        var CLASS_REG=/^\.(\w*)$/g;

        if(ID_REG.test(selector)){
            var tempt_result=ID_REG.exec(selector);
            return document.getElementById(tempt_result[0]);
        }else
 
 if(CLASS_REG.test(selector)){
            var tempt_result=CLASS_REG.exec(selector);
            return document.getElementByClass(tempt_result[0]);
        }else{
            return null;

        }
    }
   console.log($("#images"));
   console.log($(".images"));

按常理，我先test一下選擇器是否和正則匹配，如果匹配，我就通過exec去提取id或者class。但是我多次測試的tempt_result這個變數始終為空。
後來發現問題存在於正則是在全域性模式下進行匹配的，並且問題就出來。
在js中每個正則表示式都是一個物件，這個物件有一個特別的例項屬性lastIndex,表示的是下一次搜尋開始的位置。在《js高階程式設計》這本書中提到，

對於exec()方法而言，在全域性模式下,它每次執行都只會返回一個匹配項，並且會改變lastIndex的值，再次執行的時候，會從lastIndex這個位置開始繼續搜尋。但是對於非全域性模式，exec每次都只會返回第一個匹配的資訊，lastIndex也不會變化。

書中只提了exec方法，卻沒有提test方法對lastIndex屬性的影響，其實test在全域性模式下，也會影響到lastIndex的值。

在上面的示例中，我首先使用了test方法來匹配，執行完之後，由於是整個串都匹配，所以ID_REG的lastIndex就是selector（『#images』）的length=7，當再執行exec的時候，由於從7開始沒有匹配的串，所以tempt_result 就是null，此時的lastIndex就是0。

找到原因之後，就很好解決了，去掉全域性模式，同時也提醒不要濫用正則的全域性模式，既然匹配的是整個串（^$就分別匹配的是字串的開頭和結尾），那麼就不需要全域性模式。

=======================更新2016-12-27==================
html5 中新增了 document.querySelector(selector),document.querySelectorAll(selector)兩個方法，其中的selector語法和jquery的選擇器語法一樣，前一個方法返回匹配的第一個元素，後一個方法返回的是匹配的全部元素，是一個類似陣列。