JavaScript中判断原生函数的两个示例
2014-08-20 10:44
363 查看
原文链接: Detect if a Function is Native Code with JavaScript
原文日期: 2014-08-17
翻译日期: 2014-08-20
翻译人员: 铁锚
我总是经常碰到需要检查某个function是否是原生代码的情况 —— 这是功能测试中一个很重要的内容: 函数是浏览器内置支持的,还是通过第三方类库模拟的。要检测这一点,最简单的办法当然是判断函数的 toString 方法返回的值啦。
JavaScript代码
判断函数是否是原生方法其实相当简单:
将函数转换为字符串表示的形式,并且执行正则匹配,这就是实现的原理。
升级版,Update!
Lodash 的作者 John-David Dalton 分享了 一个更好的处理方法:
测试代码:
原文日期: 2014-08-17
翻译日期: 2014-08-20
翻译人员: 铁锚
我总是经常碰到需要检查某个function是否是原生代码的情况 —— 这是功能测试中一个很重要的内容: 函数是浏览器内置支持的,还是通过第三方类库模拟的。要检测这一点,最简单的办法当然是判断函数的 toString 方法返回的值啦。
JavaScript代码
判断函数是否是原生方法其实相当简单:
// 判断是否原生函数 function isNative(fn) { // 示例: // alert.toString() // "function alert() { [native code] }" // '' + fn 利用了js的隐式类型转换. return (/\{\s*\[native code\]\s*\}/).test('' + fn); }
将函数转换为字符串表示的形式,并且执行正则匹配,这就是实现的原理。
升级版,Update!
Lodash 的作者 John-David Dalton 分享了 一个更好的处理方法:
;(function() { // 取得Object的toString方法,用于处理传入参数value的内部(internal) `[[Class]]` var toString = Object.prototype.toString; // 取得原始的Function的toString方法,用于处理functions的反编译代码 var fnToString = Function.prototype.toString; // 用于检测 宿主对象构造器(host constructors), // (Safari > 4; 真的输出特定的数组,really typed array specific) var reHostCtor = /^\[object .+?Constructor\]$/; // 使用RegExp将常用的native方法编译为正则模板. // 使用 `Object#toString` 是因为一般他不会被污染 var reNative = RegExp('^' + // 将 `Object#toString` 强转为字符串 String(toString) // 对所有正则表达式相关的特殊字符进行转义 .replace(/[.*+?^${}()|[\]\/\\]/g, '\\$&') // 为了保持模板的通用性,将 `toString` 替换为 `.*?` // 将`for ...`之类的字符替换,兼容Rhino等环境,因为他们会有额外的信息,如方法的参数数量. .replace(/toString|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') // 结束符 + '$' ); function isNative(value) { // 判断 typeof var type = typeof value; return type == 'function' // 使用 `Function#toString`原生方法来调用, // 而不是 value 自己的 `toString` 方法, // 以免被伪造所欺骗. ? reNative.test(fnToString.call(value)) // 如果type 不是'function', // 则需要检查宿主对象(host object)的情形, // 因为某些(浏览器)环境会将 typed arrays 之类的东西当作DOM方法 // 此时可能不匹配标准的Native正则模式 : (value && type == 'object' && reHostCtor.test(toString.call(value))) || false; }; // 可以将 isNative 赋值给你想要的变量/对象 window.isNative = isNative; }());
测试代码:
isNative(isNative) //false isNative(alert) //true window.isNative(window.isNative) //false window.isNative(window.alert) //true window.isNative(String.toString) //true
相关文章推荐
- javascript 判断两个日期之差的示例代码
- JavaScript中判断原生函数检查function是否是原生代码
- javascript 判断两个日期之差的示例代码
- JavaScript中判断原生函数检查function是否是原生代码
- javascript判断函数参数是否传递[比较运算符中的两个等号与三个等号差别]
- JavaScript判断页面大小的函数
- asp.net 一个页面中有两个按钮,回车时判断相应哪个事件的方法!!(用javascript 控制)
- 请问关于在JAVASCRIPT中判断是否是对象的函数?
- javascript 函数调用规则和IF条件判断
- JavaScript常用判断函数 [转]
- javascript一个判断浏览器类型的函数(类)
- javascript 日期判断函数
- javascript浏览器判断函数
- javascript 简单高效判断数据类型系列函数
- javascript 简单高效判断数据类型 系列函数 By shawl.qiu
- javascript两个数值简单运算精度修正函数
- 写了两个判断文件目录是否存在的函数
- javascript中判断多选框是否有选中的函数
- 关于javascript如何判断某个字符是否占用两个字符的讨论
- javascript 简单高效判断数据类型 系列函数 By shawl.qiu