快捷導(dǎo)航

判定是否原生方法的JS代碼

更新時(shí)間：2013年11月12日 15:27:55 作者：

這篇文章介紹了判定是否原生方法的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)了。

我一直用的版本，自己寫的：

復(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, ''));
   };
 })();

您可能感興趣的文章: