热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JS判定是否原生方法_javascript技巧

这篇文章介绍了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, ));
};
})();

推荐阅读
author-avatar
褐色
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有