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