JS判定是否原生方法
更新時間：2013年07月22日 11:02:39 作者：
這篇文章介紹了js判定是否原生方法，有需要的朋友可以參考一下
瀏覽器的趨勢是加入越來越多對象，像Worker，同時也為舊有的對象添加新方法。如何兼容它的第一步就是檢測它們是否存在，沒有則補上自己的兼容代碼。這時問題就來了，有的類庫是給你做了這一步，但有時沒有，有時是做了，但并不符合標(biāo)準(zhǔn)。因此單純是typeof Array.prototype.map === "function"可能不夠用。這時isNative方法就要登場了。
我一直用的版本，自己寫的：
var isNative = function(method){//判定是否為原生方法
return !! method && (/{s*[native code]s*}/.test(method+"") ||
/{s*/* source code not available */s*}/.test(method+""));//這里是為了兼容opera9.x的
}
但世界這么大，肯定也有研究過這問題，下面是Diego Perini的版本，指出safari對原生方法的toString值其實也是個不合群的：
var isNative = function(object, method) {
return object && method in object &&
typeof object[method] != string &&
// IE & W3C browser return "[native code]"
// Safari < = 2.0.4 will return "[function]"
(/{s*[native code]s*}|^[function]$/).test(object[method]);
}
它比我的版本多一個參數(shù)，能指定是那個原生對象的方法，但一個參數(shù)與兩個參數(shù)是沒關(guān)系的，結(jié)果只是表明，我們倆離完美還有段距離。即使這兩個函數(shù)取并集，可能還不是正確的全集。
當(dāng)然這不是[native code]或者 source code not available還是[function]的問題，因為要javascript中，很容易山寨各種方法與對象。如，下面的代碼就可以成功騙過檢測代碼。
window.test = {
toString: function() {
return [function];
}
};
isNative(window, test); // true
最后我從nwmathers中找到這個：
var isNative = (function() {
var s = (window.open + ).replace(/open/g, );
return function(object, method) {
var m = object ? object[method] : false, r = new RegExp(method, g);
return !!(m && typeof m != string && s === (m + ).replace(r, ));
};
})();
我一直用的版本，自己寫的：
復(fù)制代碼 代碼如下:
var isNative = function(method){//判定是否為原生方法
return !! method && (/{s*[native code]s*}/.test(method+"") ||
/{s*/* source code not available */s*}/.test(method+""));//這里是為了兼容opera9.x的
}
但世界這么大，肯定也有研究過這問題，下面是Diego Perini的版本，指出safari對原生方法的toString值其實也是個不合群的：
復(fù)制代碼 代碼如下:
var isNative = function(object, method) {
return object && method in object &&
typeof object[method] != string &&
// IE & W3C browser return "[native code]"
// Safari < = 2.0.4 will return "[function]"
(/{s*[native code]s*}|^[function]$/).test(object[method]);
}
它比我的版本多一個參數(shù)，能指定是那個原生對象的方法，但一個參數(shù)與兩個參數(shù)是沒關(guān)系的，結(jié)果只是表明，我們倆離完美還有段距離。即使這兩個函數(shù)取并集，可能還不是正確的全集。
當(dāng)然這不是[native code]或者 source code not available還是[function]的問題，因為要javascript中，很容易山寨各種方法與對象。如，下面的代碼就可以成功騙過檢測代碼。
復(fù)制代碼 代碼如下:
window.test = {
toString: function() {
return [function];
}
};
isNative(window, test); // true
最后我從nwmathers中找到這個：
復(fù)制代碼 代碼如下:
var isNative = (function() {
var s = (window.open + ).replace(/open/g, );
return function(object, method) {
var m = object ? object[method] : false, r = new RegExp(method, g);
return !!(m && typeof m != string && s === (m + ).replace(r, ));
};
})();
相關(guān)文章
很棒的JavaScript選項卡切換效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要給大家介紹了關(guān)于JavaScript?split()方法定義及更多實例的相關(guān)資料,js里的split()方法大家都知道用于將字符串轉(zhuǎn)化為字符串?dāng)?shù)組,文中通過代碼實例介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
JS幻燈片可循環(huán)播放可平滑旋轉(zhuǎn)帶滾動導(dǎo)航(自寫)
本文為大家介紹下實現(xiàn)JS幻燈片可循環(huán)播放帶滾動導(dǎo)航可平滑旋轉(zhuǎn)的全過程，效果還不錯，由需要的朋友可以參考下，希望對大家有所幫助2013-08-08
js操作css屬性實現(xiàn)div層展開關(guān)閉效果的方法
這篇文章主要介紹了js操作css屬性實現(xiàn)div層展開關(guān)閉效果的方法,涉及javaScript操作css樣式實現(xiàn)div彈出層的效果,非常具有實用價值,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了webpack中的publicpath,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
這篇文章主要介紹了簡單的JS輪播圖實現(xiàn)方法，代碼簡單易懂，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2016-07-07
這篇文章主要分析了js實現(xiàn)跨域的4種實用方法原理，主要是使用jsonp跨域，使用window.name來進行跨域，對這方面感興趣的朋友可以參考一下2015-10-10
這篇文章主要介紹了JS Canvas接口和動畫效果大全，對Canvas感興趣的同學(xué)，可以參考下2021-04-04
JavaScript實現(xiàn)審核流程狀態(tài)的動態(tài)顯示進度條
對于有很多流程的東西，我們希望能夠根據(jù)不同的階段，用流程條對應(yīng)地進行顯示，非常直觀，給用戶帶來極好的用戶體驗，下面小編給大家分享JavaScript實現(xiàn)審核流程狀態(tài)的動態(tài)顯示進度條功能，需要的的朋友參考下2017-03-03
TypeScript環(huán)境搭建的實現(xiàn)步驟
本文主要介紹了TypeScript環(huán)境搭建的實現(xiàn)步驟，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01