JS判定是否原生方法_javascript技巧
程序员文章站
2022-06-01 18:08:26
...
浏览器的趋势是加入越来越多对象,像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 (/{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 (/{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, ));
};
})();
推荐阅读
-
原生JS检测CSS3动画是否结束的方法详解
-
原生JS检测CSS3动画是否结束的方法详解
-
Js数组的操作push,pop,shift,unshift等方法详细介绍_javascript技巧
-
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果_javascript技巧
-
两种方法实现在HTML页面加载完毕后运行某个js_javascript技巧
-
JS获取父节点方法_javascript技巧
-
使用js判断当前时区TimeZone是否是夏令时_javascript技巧
-
js限制文本框只能输入数字方法小结_javascript技巧
-
解析js原生方法创建表格效率测试_javascript技巧
-
JS获取并操作iframe中元素的方法_javascript技巧