檢測(cè)一個(gè)函數(shù)是否是JavaScript原生函數(shù)
在我的開發(fā)工作中經(jīng)常會(huì)遇到需要判斷一個(gè)函數(shù)是否是JavaScript原生函數(shù)的情況,有時(shí)候這是一個(gè)很必要的工作,你需要知道這個(gè)函數(shù)是瀏覽器自身提供的,還是由第三方封裝、偽裝成原生函數(shù)。當(dāng)然,最好的方法是考察執(zhí)行這個(gè)函數(shù)的toString方法的返回值。
The JavaScript
完成這個(gè)任務(wù)的方法非常簡(jiǎn)單:
function isNative(fn) {return (/{s*[native code]s*}/).test(’’ + fn);}
toString方法會(huì)返回這個(gè)方法的字符串形式,然后用正則表達(dá)式判斷里面包含的字符。
更強(qiáng)悍的方法
Lodash的創(chuàng)始人John-David Dalton找到了一個(gè)更佳的方案:
;(function() { // Used to resolve the internal `[[Class]]` of values var toString = Object.prototype.toString; // Used to resolve the decompiled source of functions var fnToString = Function.prototype.toString; // Used to detect host constructors (Safari > 4; really typed array specific) var reHostCtor = /^[object .+?Constructor]$/; // Compile a regexp using a common native method as a template. // We chose `Object#toString` because there’s a good chance it is not being mucked with. var reNative = RegExp(’^’ + // Coerce `Object#toString` to a string String(toString) // Escape any special regexp characters .replace(/[.*+?^${}()|[]/]/g, ’$&’) // Replace mentions of `toString` with `.*?` to keep the template generic. // Replace thing like `for ...` to support environments like Rhino which add extra info // such as method arity. .replace(/toString|(function).*?(?=()| for .+?(?=])/g, ’$1.*?’) + ’$’ ); function isNative(value) { var type = typeof value; return type == ’function’ // Use `Function#toString` to bypass the value’s own `toString` method // and avoid being faked out. ? reNative.test(fnToString.call(value)) // Fallback to a host object check because some environments will represent // things like typed arrays as DOM methods which may not conform to the // normal native pattern. : (value && type == ’object’ && reHostCtor.test(toString.call(value))) || false; } // export however you want module.exports = isNative;}());
現(xiàn)在你也看到了,很復(fù)雜,但更強(qiáng)大。當(dāng)然,這不是為了做安全防護(hù),它只是給你提供是否是原生函數(shù)的相關(guān)信息。
相關(guān)文章:
1. CentOS郵箱服務(wù)器搭建系列——SMTP服務(wù)器的構(gòu)建( Postfix )2. PHP基礎(chǔ)之生成器4——比較生成器和迭代器對(duì)象3. ASP新手必備的基礎(chǔ)知識(shí)4. Docker 啟動(dòng)Redis 并設(shè)置密碼的操作5. asp文件用什么軟件編輯6. 通過IEAD+Maven快速搭建SSM項(xiàng)目的過程(Spring + Spring MVC + Mybatis)7. JS中6個(gè)對(duì)象數(shù)組去重的方法8. vue+element開發(fā)一個(gè)谷歌插件的全過程9. 利用CSS制作3D動(dòng)畫10. Vue axios獲取token臨時(shí)令牌封裝案例

網(wǎng)公網(wǎng)安備