JS判定是否原生方法
更新时间：2013年07月22日 11:02:39 作者：
这篇文章介绍了js判定是否原生方法，有需要的朋友可以参考一下
浏览器的趋势是加入越来越多对象，像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, ));
};
})();
我一直用的版本，自己写的：
复制代码 代码如下:
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, ));
};
})();
相关文章
很棒的JavaScript选项卡切换效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要给大家介绍了关于JavaScript split()方法定义及更多实例的相关资料,js里的split()方法大家都知道用于将字符串转化为字符串数组,文中通过代码实例介绍的非常详细,需要的朋友可以参考下2024-03-03
本文为大家介绍下实现JS幻灯片可循环播放带滚动导航可平滑旋转的全过程，效果还不错，由需要的朋友可以参考下，希望对大家有所帮助2013-08-08
这篇文章主要介绍了js操作css属性实现div层展开关闭效果的方法,涉及javaScript操作css样式实现div弹出层的效果,非常具有实用价值,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了webpack中的publicpath,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-01-01
这篇文章主要介绍了简单的JS轮播图实现方法，代码简单易懂，非常不错，具有参考借鉴价值,需要的朋友可以参考下2016-07-07
这篇文章主要分析了js实现跨域的4种实用方法原理，主要是使用jsonp跨域，使用window.name来进行跨域，对这方面感兴趣的朋友可以参考一下2015-10-10
这篇文章主要介绍了JS Canvas接口和动画效果大全，对Canvas感兴趣的同学，可以参考下2021-04-04
对于有很多流程的东西，我们希望能够根据不同的阶段，用流程条对应地进行显示，非常直观，给用户带来极好的用户体验，下面小编给大家分享JavaScript实现审核流程状态的动态显示进度条功能，需要的的朋友参考下2017-03-03
本文主要介绍了TypeScript环境搭建的实现步骤，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
最新评论