判定是否原生方法的JS代碼
瀏覽器的趨勢(shì)是加入越來(lái)越多對(duì)象，像Worker，同時(shí)也為舊有的對(duì)象添加新方法。如何兼容它的第一步就是檢測(cè)它們是否存在，沒(méi)有則補(bǔ)上自己的兼容代碼。這時(shí)問(wèn)題就來(lái)了，有的類(lèi)庫(kù)是給你做了這一步，但有時(shí)沒(méi)有，有時(shí)是做了，但并不符合標(biāo)準(zhǔn)。因此單純是typeof Array.prototype.map === "function"可能不夠用。這時(shí)isNative方法就要登場(chǎng)了。
我一直用的版本，自己寫(xiě)的：
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, ''));
};
})();
相關(guān)文章
詳解TS對(duì)象擴(kuò)展運(yùn)算符和rest運(yùn)算符
這篇文章主要介紹了詳解TS對(duì)象擴(kuò)展運(yùn)算符和rest運(yùn)算符，對(duì)TypeScript感興趣的同學(xué)，可以參考下2021-05-05
微信小程序?qū)崿F(xiàn)鼠標(biāo)拖動(dòng)效果示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)鼠標(biāo)拖動(dòng)效果,涉及微信小程序事件綁定及元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-12-12
JS復(fù)制對(duì)應(yīng)id的內(nèi)容到粘貼板（Ctrl+C效果）
這篇文章主要給大家介紹了利用JS實(shí)現(xiàn)復(fù)制指定對(duì)應(yīng)id的內(nèi)容到粘貼板（Ctrl+C效果）,文中給出了詳細(xì)的介紹和示例代碼，有需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-01-01
這篇文章主要介紹了js實(shí)現(xiàn)div彈出層的方法,以實(shí)例的形式完整的實(shí)現(xiàn)了js彈出div層的效果,并且彈出層可拖拽、可關(guān)閉,用戶(hù)還可根據(jù)個(gè)人喜好自定義彈出層的顯示效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-11-11
javascript轉(zhuǎn)換字符串為dom對(duì)象（字符串動(dòng)態(tài)創(chuàng)建dom）
那么今天的目的就是教大家怎么去實(shí)現(xiàn)一個(gè)這樣的方法用來(lái)把字符串直接轉(zhuǎn)換為標(biāo)準(zhǔn)的dom對(duì)象2010-05-05
Javascript數(shù)組的?splice?方法詳細(xì)介紹
這篇文章主要介紹了Javascript數(shù)組的splice方法詳細(xì)介紹，splice方法通過(guò)刪除或替換現(xiàn)有元素或者原地添加新的元素來(lái)修改數(shù)組,并以數(shù)組形式返回被修改的內(nèi)容。此方法會(huì)改變?cè)瓟?shù)組2022-09-09
一個(gè)簡(jiǎn)單的滾動(dòng)效果，我只測(cè)試了文本，對(duì)于圖片有需要的朋友可以測(cè)試一下哦2013-08-08
這篇文章主要介紹了微信小程序使用npm包的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
基于JavaScript實(shí)現(xiàn)除夕煙花秀與隨機(jī)祝福語(yǔ)
新年即將來(lái)臨，本文將為大家介紹一個(gè)基于JavaScript實(shí)現(xiàn)的頁(yè)面特效：煙花秀+春節(jié)隨機(jī)祝福語(yǔ)。文中的示例代碼講解詳細(xì)，感興趣的可以了解一下2022-01-01
通過(guò)Javascript將數(shù)據(jù)導(dǎo)出到外部Excel文檔的函數(shù)代碼
通過(guò)Javascript將數(shù)據(jù)導(dǎo)出到外部Excel文檔的函數(shù)代碼，需要的朋友可以參考下2012-06-06