判定是否原生方法的JS代码


Posted in Javascript onNovember 12, 2013

浏览器的趋势是加入越来越多对象,像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, ''));
   };
 })();
Javascript 相关文章推荐
JQuery将文本转化成JSON对象需要注意的问题
May 09 Javascript
基于jquery的跟随屏幕滚动代码
Jul 24 Javascript
JS实现图片预加载无需等待
Dec 21 Javascript
使用jQuery仿苹果官网焦点图特效
Dec 23 Javascript
jquery表单对象属性过滤选择器实例分析
May 18 Javascript
js+css实现超简洁的二级下拉菜单效果代码
Sep 07 Javascript
深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解
Apr 03 Javascript
js 索引下标之li集合绑定点击事件
Jan 12 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
Nov 23 Javascript
利用vue-i18n实现多语言切换效果的方法
Jun 19 Javascript
微信小程序图片左右摆动效果详解
Jul 13 Javascript
JavaScript基于SVG的图片切换效果实例代码
Dec 15 Javascript
给文字加上着重号的JS代码
Nov 12 #Javascript
深入理解javascript动态插入技术
Nov 12 #Javascript
在ASP.NET中使用JavaScript脚本的方法
Nov 12 #Javascript
JS常用正则表达式总结
Nov 12 #Javascript
jquery 删除cookie失效的解决方法
Nov 12 #Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
Nov 12 #Javascript
JS获取键盘上任意按键的值(实例代码)
Nov 12 #Javascript
You might like
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
PHP的Yii框架中YiiBase入口类的扩展写法示例
2016/03/17 PHP
yii2中的rules 自定义验证规则详解
2016/04/19 PHP
利用PHP实现开心消消乐的算法示例
2017/10/12 PHP
php接口隔离原则实例分析
2019/11/11 PHP
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
图片Slider 带左右按钮的js示例
2013/08/30 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
2013/11/22 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
2015/03/04 Javascript
JavaScript中的setUTCDate()方法使用详解
2015/06/11 Javascript
JavaScript数据推送Comet技术详解
2016/04/07 Javascript
Node.js实现文件上传
2016/07/05 Javascript
通过jquery实现页面的动画效果(实例代码)
2016/09/18 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
JSONP基础知识详解
2017/03/19 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
2017/08/19 jQuery
Vue filter介绍及其使用详解
2017/10/21 Javascript
Angular5.0 子组件通过service传递值给父组件的方法
2018/07/13 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
2019/07/29 Javascript
js实现鼠标点击页面弹出自定义文字效果
2019/12/24 Javascript
Element Card 卡片的具体使用
2020/07/26 Javascript
Vue如何循环提取对象数组中的值
2020/11/18 Vue.js
Python将list中的string批量转化成int/float的方法
2018/06/26 Python
Python使用win32com模块实现数据库表结构自动生成word表格的方法
2018/07/17 Python
Python pandas DataFrame操作的实现代码
2019/06/21 Python
Python将string转换到float的实例方法
2019/07/29 Python
python并发编程多进程 模拟抢票实现过程
2019/08/20 Python
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
初中政治教学反思
2014/01/17 职场文书
优秀求职信范文分享
2014/01/26 职场文书
植物生产学专业求职信
2014/08/08 职场文书
宾馆客房管理制度
2015/08/06 职场文书
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python
mysql timestamp比较查询遇到的坑及解决
2021/11/27 MySQL
国产动画《万圣街》日语配音版制作决定!
2022/03/20 国漫