DIV CSS 佈局教程網

復制代碼 代碼如下:
//把word-word轉化為wordWord
function camelize(s){
return s.replace(/-(\w)/g, function(strMatch, p1){
return p1.toUpperCas();
});
}

這裡應用到了文本替換函數replace，他的一般語法估計大家都已經耳熟能詳了，現在介紹一下當他的第二個參數為函數時的情形。

今天我在群裡發這個函數的時候，有個人反映很快，說上面的那個正則寫錯了“/-(\w)/g”，而後很快又明白了，他的疑惑是這個“（）”，其實這個括號是很必要的：

（x）匹配x，將x保存在名為$1,$2...$9的變量中，其實就是給其加一個索引，方便後面的調用。如果不加這個括號就會出錯了：

好的，下面介紹一下函數參數的意義，為什麼這個函數能夠實現指定的功能呢？

ECMAScript v3 規定，replace() 方法的參數 replacement 可以是函數而不是字符串。在這種情況下，每個匹配都調用該函數，它返回的字符串將作為替換文本使用。該函數的第一個參數是匹配模式的字符串。接下來的參數是與模式中的子表達式匹配的字符串，可以有 0 個或多個這樣的參數。接下來的參數是一個整數，聲明了匹配在 stringObject 中出現的位置。最後一個參數是 stringObject 本身。

看起來好像有點煩，舉個例子：
復制代碼 代碼如下:
camelize(www-rrr);

也就是調用一下，其實上面的strMatch值為-r，就是與正則匹配的字符串（該函數的第一個參數是匹配模式的字符串），

上面的p1的值是r，指的是緊接著-後面的r（接下來的參數是與模式中的子表達式匹配的字符串），就是我們規定的索引——“(\w)”。

好了，我想之後這個函數要執行什麼應該能看的很清楚了，呵呵，就到這裡了，歡迎補充提議。

s.replace(/-([a-z])/ig, function(all, letter) { return letter.toUpperCase(); }); \w還包括了數字和_
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]