zoukankan      html  css  js  c++  java
  • 判定是否原生方法

    浏览器的趋势是加入越来越多对象,像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, ''));
        };
      })();
    
  • 相关阅读:
    一种想法
    识别link_text
    识别name
    识别id
    文件的读写
    条件和循环
    网站测试-功能测试小结
    拷贝
    #团队博客作业1-小组成员介绍
    软件测试基础-Homework1
  • 原文地址:https://www.cnblogs.com/rubylouvre/p/2002844.html
Copyright © 2011-2022 走看看