問題描述

看到用下面的函數(shù)來取得url的值。

function getURLParameter(name) { return decodeURI((RegExp(name + ’=’ + ’(.+?)(&|$)’).exec(location.search)||[,null])[1] );}

但是不知道[,null]在這里是什么表達(dá)方式。

問題解答

這個函數(shù)的作用是想取得URI中某個參數(shù)的值，如網(wǎng)址http://www.xxx.com/index.html?key=hello&value=world*，此時的location.search等于?key=hello&value=world。比如要獲取key的值('hello')，調(diào)用getURLParameter('key')就行。

exec的語法如下：

如果匹配，則返回結(jié)果是一個數(shù)組，數(shù)組的第一個元素是匹配的子串，后面的元素則依次是捕獲型括號的內(nèi)容，由正則表達(dá)式可見，我們需要的結(jié)果是第一個捕獲型括號的內(nèi)容，是數(shù)組的第二個元素，所以使用了[1];

舉例來說，假設(shè)網(wǎng)址還是上面的網(wǎng)址，我們調(diào)用getURLParameter('key')，匹配的結(jié)果是['key=hello&', 'hello', '&']，'key=hello&'是匹配的子串，'hello'是第一個捕獲型括號的內(nèi)容，'&'是第二個捕獲型括號的內(nèi)容。['key=hello&', 'hello', '&'] || [,null]的結(jié)果當(dāng)然是前一項，也就是['key=hello&', 'hello', '&'], 然后取[1]，整個函數(shù)的返回值就是'hello'。

但是，如果我們調(diào)用getURLParameter('time')，匹配失敗，所以結(jié)果是null，此時如果你調(diào)用[1]就會報錯。[,null]表示[undefined, null]，當(dāng)匹配失敗的時候，就變成了null || [undefined, null]這個結(jié)果是[undefined, null]，此時再[1]就不會報錯了，此時整個函數(shù)返回的是null。

調(diào)用完getURLParameter函數(shù)以后，可以通過判斷返回值是否是null，如果是null，則說明URL中沒有這個參數(shù)；不為null，則返回值就是需要的參數(shù)值。

偷懶的做法，(name + ’=’ + ’(.+?)(&|$)’).exec(location.search)如果匹配成功。結(jié)果不會null。(.+?)就是正則匹配的值[1]。而如果匹配失敗，exec返回null。[,null]第一個值為undefined，這個操作只是統(tǒng)一了返回值為null，關(guān)鍵還是最后面的[1]導(dǎo)致的如果后面的是[0]，那[,null]可以改寫為[null]

[,null][1]不就是null了嗎，前面的匹配不到就返回null

相當(dāng)于這樣吧

return decodeURI( ( RegExp(name + ’=’ + ’(.+?)(&|$)’).exec(location.search) )[1] || null);

但是前面( RegExp(name + ’=’ + ’(.+?)(&|$)’).exec(location.search) )這一段如果沒有獲取到參數(shù)值，直接取[1]會報錯，所以在后面加[,null],相當(dāng)于[undefined, null],在最后取[1]，可以確保不會因為獲取不到url參數(shù)而發(fā)生數(shù)組越界錯誤