_.isNull(null); => true; _.isNull(undefined); => false;
_.isNull =function(obj){
return obj === null;
}
undefined派生自null,所以两者相等(==),但是不全等(===),所以这里如果obj是undefined则会返回false。
2.isArray(object) 如果object是一个数组,返回true
(function() {return _.isArray(arguments);}(); => false 这里的arguments是一个类数组,所以返回false _.isArray([1,2,3]) => true
var ObjProto = Object.prototype;
var toString = ObjProto.toString;
var nativeIsArray = Array.isArray;
_.isArray = nativeIsArray || function(obj) {
return toString.call(obj) === '[object Array]'
}
如果有es5原生的isArray()方法,就用原生的;如果没有就调用经典的数组判断方法,通过Object.prototype.toString()方法,判断某个对象值属于哪种内置类型。
3.isArguments、isFunction、isString、isNumber、isDate、isRegExp、isError这些方法放到一起讲,因为这些方法的的源码实现都是放到了一个each函数中遍历每一个方法名然后实现的布尔值判定。源码:
_.each(['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp', 'Error'], function(name) {
_['is' + name] = function(obj) {
//调用Object原生的toString()方法,实现安全的类型检测
return toString.call(obj) === '[object ' + name + ']';
};
});
_.isBoolean(null) => false
_.isBoolean = function(obj) {
return obj === true || obj === false || toString.call(obj) === '[object Boolean]';
}
_.isNaN(NaN); => true isNaN(undefined); => true _.isNaN(undefined); => false
_.isNaN = function(obj) {
return _.isNumber(obj) && obj !== +obj; //"+obj"是把其他类型转换成Number类型的快捷方式
}
_.isFinite(-101); => true _.isFinite(-Inifinity); => false
_.isFinite = function(obj) {
return isFinite(obj) && !isNaN(parseFloat(obj));
};
_.isObject({}) => true _.isObject(1) =>false
_.isObject = function(obj) {
var type = typeof obj;
return type === 'function' || type === 'object' && !!obj;
};
"!!obj"是为了排除null以及undefined
_.isElement(document.body); => true
_.isElement = function(obj) {
return !!(obj && obj.nodeType === 1);
}
_.has({a: 1 , b: 2,c: 3}, "b"); => true
var ObjProto = Object.prototype;
var hasOwnProperty = Object.hasOwnProperty;
_.has = function(obj,key) {
return obj != null &&hasOwnProperty.call(obj,key);
}
hasOwnProperty() 方法会返回一个布尔值,指示对象是否具有指定的属性作为自身(不继承)属性。
学习参考: http://www.qdfuns.com/house/17398/note/class/id/bb6dc3cabae6651b94f69bbd562ff370/page/2.html https://github.com/hanzichi/underscore-analysis/blob/master/underscore-1.8.3.js/underscore-1.8.3-analysis.js http://www.css88.com/doc/underscore/#isEmpty http://www.css88.com/doc/underscore/docs/underscore.html
这是我学习underscore受益匪浅的几个网站和大神写得博文,想学好underscore的话就去看看吧