快捷導(dǎo)航

JavaScript檢查某個(gè)function是否是原生代碼的方法

更新時(shí)間：2014年08月20日 17:43:14 投稿：whsnow

經(jīng)常碰到需要檢查某個(gè)function是否是原生代碼，要檢測(cè)這一點(diǎn),最簡(jiǎn)單的辦法當(dāng)然是判斷函數(shù)的 toString 方法返回的值

我總是經(jīng)常碰到需要檢查某個(gè)function是否是原生代碼的情況 —— 這是功能測(cè)試中一個(gè)很重要的內(nèi)容: 函數(shù)是瀏覽器內(nèi)置支持的,還是通過(guò)第三方類庫(kù)模擬的。要檢測(cè)這一點(diǎn),最簡(jiǎn)單的辦法當(dāng)然是判斷函數(shù)的 toString 方法返回的值啦。

JavaScript代碼

判斷函數(shù)是否是原生方法其實(shí)相當(dāng)簡(jiǎn)單:

// 判斷是否原生函數(shù) 
function isNative(fn) { 
// 示例: 
// alert.toString() 
// "function alert() { [native code] }" 
// '' + fn 利用了js的隱式類型轉(zhuǎn)換. 
return (/\{\s*\[native code\]\s*\}/).test('' + fn); 
}

將函數(shù)轉(zhuǎn)換為字符串表示的形式,并且執(zhí)行正則匹配,這就是實(shí)現(xiàn)的原理。

升級(jí)版,Update!

;(function() { 

// 取得Object的toString方法,用于處理傳入?yún)?shù)value的內(nèi)部(internal) `[[Class]]` 
var toString = Object.prototype.toString; 

// 取得原始的Function的toString方法,用于處理functions的反編譯代碼 
var fnToString = Function.prototype.toString; 

// 用于檢測(cè) 宿主對(duì)象構(gòu)造器(host constructors), 
// (Safari > 4; 真的輸出特定的數(shù)組,really typed array specific) 
var reHostCtor = /^\[object .+?Constructor\]$/; 

// 使用RegExp將常用的native方法編譯為正則模板. 
// 使用 `Object#toString` 是因?yàn)橐话闼粫?huì)被污染 
var reNative = RegExp('^' + 
// 將 `Object#toString` 強(qiáng)轉(zhuǎn)為字符串 
String(toString) 
// 對(duì)所有正則表達(dá)式相關(guān)的特殊字符進(jìn)行轉(zhuǎn)義 
.replace(/[.*+?^${}()|[\]\/\\]/g, '\\$&') 
// 為了保持模板的通用性,將 `toString` 替換為 `.*?` 
// 將`for ...`之類的字符替換,兼容Rhino等環(huán)境,因?yàn)樗麄儠?huì)有額外的信息,如方法的參數(shù)數(shù)量. 
.replace(/toString|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') 
// 結(jié)束符 
+ '$' 
); 

function isNative(value) { 
// 判斷 typeof 
var type = typeof value; 
return type == 'function' 
// 使用 `Function#toString`原生方法來(lái)調(diào)用, 
// 而不是 value 自己的 `toString` 方法, 
// 以免被偽造所欺騙. 
? reNative.test(fnToString.call(value)) 
// 如果type 不是'function', 
// 則需要檢查宿主對(duì)象(host object)的情形, 
// 因?yàn)槟承?瀏覽器)環(huán)境會(huì)將 typed arrays 之類的東西當(dāng)作DOM方法 
// 此時(shí)可能不匹配標(biāo)準(zhǔn)的Native正則模式 
: (value && type == 'object' && reHostCtor.test(toString.call(value))) || false; 
}; 

// 可以將 isNative 賦值給你想要的變量/對(duì)象 
window.isNative = isNative; 
}());

isNative(isNative) //false 
isNative(alert) //true 
window.isNative(window.isNative) //false 
window.isNative(window.alert) //true 
window.isNative(String.toString) //true