快捷導(dǎo)航

js函數(shù)般調(diào)用正則

更新時(shí)間：2008年04月08日 20:55:30 作者：

Firefox 包含了一個(gè)非標(biāo)準(zhǔn)的 JavaScript 擴(kuò)展，使正則像函數(shù)一樣可調(diào)用。

這為調(diào)用正則的 exec 方法提供了便捷。例如，在 Firefox中，regex(”string”) 等同于 regex.exec(”string”)。曾經(jīng) ECMAScript 4 建議指出這個(gè)功能將會(huì)增加到 ES4 規(guī)范中，但后來的在 ES4-discuss mailing list 的討論中，這個(gè)建議可能被廢除。

然而，你可以通過增加 call 和 apply 方法到 RegExp.prototype 中類似的現(xiàn)實(shí)這些方法。既有助于功能設(shè)計(jì)，又可實(shí)現(xiàn)對(duì)函數(shù)和正則表達(dá)式均有效的隱藏類型（duck-typed ）代碼。因此，讓我們?cè)黾舆@些方法。

復(fù)制代碼代碼如下:

RegExp.prototype.call = function (context, str) { 
    return this.exec(str); 
}; 
RegExp.prototype.apply = function (context, args) { 
    return this.exec(args[0]); 
};

注意上面的兩個(gè)方法完全忽略 context 參數(shù)，你可以提交 null 或者任何其他作為 context 的對(duì)象，并且你將會(huì)類似的得到正則 exec 方法的返回值。使用上面的方法，無論在什么情況下，使我們正常地使用正則表達(dá)式和函數(shù)變得容易得多。一些很明顯的例子，比如這些在 JavaScript 1.6 的數(shù)組迭代中很有用。下面的 filter, every, some, 和 map 方法的執(zhí)行可以跨瀏覽器。

復(fù)制代碼代碼如下:

var results = []; 
        for (var i = 0; i < this.length; i++) { 
            if (i in this && func.call(context, this[i], i, this)) 
            results.push(this[i]); 
        } 
        return results; 
    }; 
} 

if (!Array.prototype.every) { 
    // 返回 true ，如果數(shù)組中的每個(gè)元素滿足提供的測(cè)試函數(shù)。 
    Array.prototype.every = function (func, context) { 
        for (var i = 0; i < this.length; i++) { 
            if (i in this && !func.call(context, this[i], i, this)) 
            return false; 
        } 
        return true; 
    }; 
} 

if (!Array.prototype.some) { 
    // 返回 true，如果數(shù)組中至少有一個(gè)元素滿足提供的測(cè)試函數(shù)。 
    Array.prototype.some = function (func, context) { 
        for (var i = 0; i < this.length; i++) { 
            if (i in this && func.call(context, this[i], i, this)) 
            return true; 
        } 
        return false; 
    }; 
} 

if (!Array.prototype.map) { 
    // 返回一個(gè)數(shù)組，現(xiàn)有數(shù)組中的每個(gè)元素調(diào)用提供的函數(shù)的返回值。 
    Array.prototype.map = function (func, context) { 
        var results = []; 
        for (var i = 0; i < this.length; i++) { 
            if (i in this) 
            results[i] = func.call(context, this[i], i, this); 
        } 
        return results; 
    }; 
}

因?yàn)閑xec 方法返回?cái)?shù)組或 null 值，并會(huì)恰當(dāng)?shù)念愋娃D(zhuǎn)換為 true 和 false，上面的代碼允許我們像這樣使用：[”a”,”b”,”ab”,”ba”].filter(/^a/)，返回所有以“a”開始的值：[”a”,”ab”]。

確實(shí)，在 Firefox 中已經(jīng)實(shí)現(xiàn)了 Array.prototype.filter ，由于 exec 的間接調(diào)用已經(jīng)在該瀏覽器中起作用了。但是如果 filter 沒有添加 RegExp.prototype.call 方法，卻無法跨瀏覽器執(zhí)行。