• 技术文章 >web前端 >js教程

    如何检测一个函数是否是JavaScript原生函数

    coldplay.xixicoldplay.xixi2020-06-18 17:23:59转载610

    在我的开发工作中经常会遇到需要判断一个函数是否是JavaScript原生函数的情况,有时候这是一个很必要的工作,你需要知道这个函数是浏览器自身提供的,还是由第三方封装、伪装成原生函数。当然,最好的方法是考察执行这个函数的toString方法的返回值。

    The JavaScript

    完成这个任务的方法非常简单:

    function isNative(fn) {
    	return (/\{\s*\[native code\]\s*\}/).test('' + fn);
    }

    toString方法会返回这个方法的字符串形式,然后用正则表达式判断里面包含的字符。

    更强悍的方法

    Lodash的创始人John-David Dalton找到了一个更佳的方案:

    ;(function() {
    
      // Used to resolve the internal `[[Class]]` of values
      var toString = Object.prototype.toString;
      
      // Used to resolve the decompiled source of functions
      var fnToString = Function.prototype.toString;
      
      // Used to detect host constructors (Safari > 4; really typed array specific)
      var reHostCtor = /^\[object .+?Constructor\]$/;
    
      // Compile a regexp using a common native method as a template.
      // We chose `Object#toString` because there's a good chance it is not being mucked with.
      var reNative = RegExp('^' +
        // Coerce `Object#toString` to a string
        String(toString)
        // Escape any special regexp characters
        .replace(/[.*+?^${}()|[\]\/\\]/g, '\\$&')
        // Replace mentions of `toString` with `.*?` to keep the template generic.
        // Replace thing like `for ...` to support environments like Rhino which add extra info
        // such as method arity.
        .replace(/toString|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
      );
      
      function isNative(value) {
        var type = typeof value;
        return type == 'function'
          // Use `Function#toString` to bypass the value's own `toString` method
          // and avoid being faked out.
          ? reNative.test(fnToString.call(value))
          // Fallback to a host object check because some environments will represent
          // things like typed arrays as DOM methods which may not conform to the
          // normal native pattern.
          : (value && type == 'object' && reHostCtor.test(toString.call(value))) || false;
      }
      
      // export however you want
      module.exports = isNative;
    }());

    现在你也看到了,很复杂,但更强大。当然,这不是为了做安全防护,它只是给你提供是否是原生函数的相关信息。

    推荐教程:《javascript基础教程

    以上就是如何检测一个函数是否是JavaScript原生函数的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:webhek,如有侵犯,请联系admin@php.cn删除
    专题推荐:JavaScript原生函数
    上一篇:JavaScript电池状态信息API之Promises 下一篇:JS 中几种处理’this’指向的方式
    大前端线上培训班

    相关文章推荐

    • 直击Javascript的严格模式(“use strict”)• javascript中的闭包中的闭包• 彻底弄懂JavaScript执行机制• 了解JavaScript智能切图脚本

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网