首頁 > web前端 > js教程 > 判定是否原生方法的JS程式碼_javascript技巧

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

WBOY
發布: 2016-05-16 17:15:56
原創
1051 人瀏覽過

瀏覽器的趨勢是加入越來越多對象,像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, ''));   }; })();
相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板