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

前端技术 2023/09/02 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 &&
      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]);
  }

它比我的版本多一个参数，能指定是那个原生对象的方法，但一个参数与两个参数是没关系的，结果只是表明，我们俩离完美还有段距离。即使这两个函数取并集，可能还不是正确的全集。

当然这不是[native code]或者 source code not available还是[function]的问题，因为要javascript中，很容易山寨各种方法与对象。如，下面的代码就可以成功骗过检测代码。

复制代码 代码如下:

window.test = {
  toString: function() {
    return \'[function]\';
  }
};
isNative(window, \'test\'); // true

最后我从nwmathers中找到这个：
复制代码 代码如下:

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

本文地址：https://www.stayed.cn/item/4757

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案