JavaScript中的isXX系列是否继续使用的分析
更新时间：2011年04月16日 23:30:56 作者：
我们很容易被漂亮的代码吸引，也不知不觉的在自己的代码库中加入这些。却没有冷静的想过它们的优劣。这不，我就收集了一系列形如 “是否为……？” 的判断的boolean函数。
复制代码 代码如下:
isNull: function(a){
return a === null;
},
isUndefined: function(a){
return a === undefined;
},
isNumber: function(a){
return typeof a === 'number';
},
isString: function(a){
return typeof a === 'string';
},
isBoolean: function(a){
return typeof a === 'boolean';
},
isPrimitive: function(b){
var a = typeof b;
return !!(b === undefined || b === null || a == 'boolean' || a == 'number' || a == 'string');
},
isArray: function(a){
return proto_obj.toString.call(a) === '[object Array]';
},
isFunction: function(a){
return proto_obj.toString.call(a) === '[object Function]';
},
isPlainObject: function(o){
if (!o || o === win || o === doc || o === doc.body) {
return false;
}
return 'isPrototypeOf' in o && proto_obj.toString.call(o) === '[object Object]';
},
isWindow: function(o){
return o && typeof o === 'object' && 'setInterval' in o;
},
isEmptyObject: function(o){
for(var a in o) {
return false;
}
return true;
}
以上isXX系列中，isUndefined在类库中用的最多。如判断是否传入了某个参数，判断对象是否拥有某个属性等等。但这个函数是不必存在，我已将其移除。理由如下
1，isUndefined 与 使用全等（===）或typeof 多了一层函数调用。很明显多一层函数调用比直接使用原生的运算符效率会低（虽然有些微不足道），但如果isUndefined调用次数很多如上万次还是很明显的。我曾经在邮箱框架中加入了该函数，调用次数有4000多次，从性能分析工具看占用了近1%的时间。仅仅一个判断占1%的调用时间还是很可怕的。当然，邮箱框架内的isUndefined处在多层闭包的顶层，访问其也会占用较多时间。如果这一条还不足以让你放弃isUndefined，请看下面。
2，函数从一定程度上是对一些代码的封装，抽象。是组织良好代码的方式之一，且有利于降低代码的复杂性。但isNull/isUndefined/isBoolean/isNumber/isString函数内仅有一句，抽象层次很低。因此完全不必封装而提取出一个函数。
3，isUndefined(a) 与 a === undefined相比并不会节省几个字节（呵，你可以命名的更短但损失了可读性）。
综上，我去掉了类库中对基本类型判断的isNull/isUndefined/isBoolean/isNumber/isString，需要用到这些判断的时候直接使用typeof运算符等。
相关文章
接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法,这篇文章主要给大家介绍了基于Typescript与Axios的接口请求管理的相关资料,需要的朋友可以参考下2021-09-09
下面小编就为大家带来一篇浅谈JS运算符&&和|| 及其优先级。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
TypeScript Pinia实战分享(Vuex和Pinia对比梳理总结)
这篇文章主要介绍了TypeScript Pinia实战分享(Vuex和Pinia对比梳理总结),今天我们再来实战下官方推荐的新的vue状态管理工具Pini,感兴趣的小伙伴可以参考一下2022-06-06
下面小编就为大家带来一篇改变checkbox默认选中状态及取值的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家详细介绍了原生js实现上传图片控件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要介绍了Bootstrap组件学习之导航、标签、面包屑导航(精品)的相关资料,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了JavaScript实现页面5秒后自动跳转的方法,涉及javascript递归调用与计时函数setTimeout的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要给大家介绍了关于JavaScript面试技巧之数组的一些不low操作的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-03-03
这篇文章主要为大家介绍了JS如何处理可视区域图片懒加载技巧详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
这篇文章主要介绍了JavaScript中常见的字符串操作函数及用法,实例汇总了javascript常见的字符串转换、分割、查询、替换等技巧,非常具有实用价值,需要的朋友可以参考下2015-05-05
最新评论