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 &str; && 
      // IE & W3C browser return "[native code]" 

      // Safari |^[function]$/).test(object[method]);    } 它比我的版本多一個參數，能指定是那個原生物件的方法，但一個參數與兩個參數是沒關係的，結果只是顯示，我們兩個離完美還有段距離。即使這兩個函數取併集，可能還不是正確的全集。 當然這不是[native code]或 source code not available還是[function]的問題，因為要javascript中，很容易山寨各種方法與物件。如，下面的程式碼就可以成功騙過檢測程式碼。

複製程式碼


程式碼如下:

window.test = { 

window.test = {  to function ) {      return [function];    }  }; 

isNative(window, test); // true

isNative(window, test); // true
最後找到這個：truenwther 🎜>



複製程式碼

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