underscore.js源码研究(4)
概述
很早就想研究underscore源码了,虽然underscore.js这个库有些过时了,但是我还是想学习一下库的架构,函数式编程以及常用方法的编写这些方面的内容,又恰好没什么其它要研究的了,所以就了结研究underscore源码这一心愿吧。
underscore.js源码研究(1)
underscore.js源码研究(2)
underscore.js源码研究(3)
underscore.js源码研究(4)
underscore.js源码研究(5)
underscore.js源码研究(6)
underscore.js源码研究(7)
underscore.js源码研究(8)
参考资料:underscore.js官方注释,undersercore 源码分析,undersercore 源码分析 segmentfault
类型判断
对于类型判断,大部分元素可以通过Object.prototype.toString的结果进行判断,包括:Arguments, Function, String, Number, Date, RegExp, Symbol, Map, WeakMap, Set, WeakSet。实例如下:
//判断是否为函数,判断其他的只要把下面的Function改成其它的就可以了
function isFunction (obj) {
return Object.prototype.toString.call(obj) === '[object Function]';
}
//建立一个函数
var haha = function haha() {
consolog.log('haha');
}
console.log(isFunction(haha)); //输出true
console.log(isFunction(123)); //输出false
注意,IE9 以前的版本以及早期 V8 引擎对类型判断有一些小bug,underscore.js修复了这些问题,具体可自行查看underscore.js源码。
isElement
判断是否为DOM节点,使用nodeType属性:
function isElement(obj) {
return !!(obj && obj.nodeType === 1);
}
isArray
判断是否为数组,优先使用Array.isArray,不支持则使用Object.prototype.toString
var isArray = Array.isArray || function(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
}
isObject
使用typeof来判断是否为对象。
function isObject(obj) {
var type = typeof obj;
return type === 'function' || type ==='object' && !!obj;
}
可以看到,函数会被判断为对象,空对象{},undefined,null,NaN 等则不被认为是对象。
isFinite
判断是否有限。主要是使用js全局提供的isFinite函数来判断。
function isFinite(obj) {
return !_.isSymbol(obj) && isFinite(obj) && !isNaN(parseFloat(obj));
}
最后那个!isNaN(parseFloat(obj))是为了排除bool值。
isNaN
判断是否为NaN,主要通过js全局提供的isNaN来判断。
function isNaN(obj) {
return _.isNumber(obj) && isNaN(obj);
}
is Boolean
判断是否为Boolean。
function isBoolean(obj) {
return obj === true || obj === false || Object.prototype.toString.call(obj) === '[object Boolean]';
}
isNull
判断是否是null,直接判断即可。
function isNull(obj) {
return obj === null;
}
isUndefined
判断是否是undefined,利用void 0。
function isUndefined(obj) {
return obj === void 0;
}
相等性判断
很多时候我们都要判断2个元素的相等性,在这个时候我们可以先判断它们的类型,然后再判断它们的值。可以有一些特殊的情况:
- 0 === -0
- null == undefined
- NaN != NaN
- NaN !== NaN
它们的解决方案如下:
- 1/0 === 1/0; 1/-0 !== 1/0
- null === null; null !== undefined;
- if(a !== a) return b !== b;
这里我不打算写一般的比较情况,只是把几个特殊的情况写一下:
正则表达式和字符串
主要是转化为字符串再比较
Eq = function(a, b) {
if (Object.prototype.toString.call(a) !== Object.prototype.toString.call(b)) return false;
return '' + a === '' + b;
}
数字
需要排除0和NaN的情况,并且利用+a把a转化为数字。
Eq = function(a, b) {
if (Object.prototype.toString.call(a) !== Object.prototype.toString.call(b)) return false;
return +a === 0 ? 1 / +a === 1 / b : +a === +b;
}
日期和布尔值
利用+a把a转化为数字。
Eq = function(a, b) {
if (Object.prototype.toString.call(a) !== Object.prototype.toString.call(b)) return false;
return +a === +b;
}
Symbol
利用SymbolProto.valueOf方法。
Eq = function(a, b) {
if (Object.prototype.toString.call(a) !== Object.prototype.toString.call(b)) return false;
return SymbolProto.valueOf.call(a) === SymbolProto.valueOf.call(b);
}
注意:不能直接用''或者'='来判断对象的相等性,原因如下:
var a = new Object();
var b = new Object();
a.name = "mm";
b.name = "mm";
console.log(a == b); //false