判定是否原生方法的JS程式碼_javascript技巧

瀏覽器的趨勢是加入越來越多對象，像Worker，同時也為舊有的對象添加新方法。如何相容它的第一步就是偵測它們是否存在，沒有則補上自己的相容程式碼。這時問題來了，有的類別庫是給你做了這一步，但有時沒有，有時是做了，但並不符合標準。因此單純是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 & string' &&
      // IE & W3C browser return "[native code]"

      // Safari *}|^[function]$/).test(object[method]);  }它比我的版本多一個參數，能指定是那個原生物件的方法，但一個參數與兩個參數是沒關係的，結果只是顯示，我們兩個離完美還有段距離。即使這兩個函數取併集，可能還不是正確的全集。

當然這不是[native code]或 source code not available還是[function]的問題，因為要javascript中，很容易山寨各種方法與物件。如，下面的程式碼就可以成功騙過檢測程式碼。

複製程式碼


程式碼如下:

window.test = {

 🎜>window.test = { ) {    return '[function]';  }};isNative(window, 'test'); // true

最後我從nwmathers


最後我從nwmathers找到這個：

複製程式碼 程式碼如下:var isNative = (function() {   var s = (window.open '').replace(/open/g, '');   return function(object, method) {     var m = object ? object[odod] r = new RegExp(method, 'g');     return !!(m && typeof m != 'string' && s === (m '').replace(r, ''));   }; })();