underscore.js源码解析2

  1. _.isNull(object) 如果object的值是null,返回true。

_.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 + ']';
    };
  });
  1. _.isBoolean(object) 如果object是一个布尔值,返回true,否则返回false

_.isBoolean(null) => false

_.isBoolean = function(obj) {
  return obj === true || obj === false || toString.call(obj) === '[object Boolean]';
}
  1. _.isNaN(object) 如果object是NaN,返回true 注意:这和原生的isNaN函数不一样,如果变量是undefined,原生的isNaN函数也会返回true。

_.isNaN(NaN); => true isNaN(undefined); => true _.isNaN(undefined); => false

_.isNaN = function(obj) {
  return _.isNumber(obj) && obj !== +obj; //"+obj"是把其他类型转换成Number类型的快捷方式
}
  1. isFinite(object) 如果object是一个有限数字,返回true

_.isFinite(-101); => true _.isFinite(-Inifinity); => false

 _.isFinite = function(obj) {
    return isFinite(obj) && !isNaN(parseFloat(obj));
  };
  1. isObject(value) 如果object是一个对象,返回true。 需要注意的是js数组和函数是对象,字符串和数字不是。

_.isObject({}) => true _.isObject(1) =>false

_.isObject = function(obj) {
    var type = typeof obj;
    return type === 'function' || type === 'object' && !!obj;
  };

"!!obj"是为了排除null以及undefined

  1. isElement(object) 如果object是一个DOM元素,返回true

_.isElement(document.body); => true

_.isElement = function(obj) {
  return !!(obj && obj.nodeType === 1);
}
  1. _.has(object,key) 对象是否包含给定的键吗?等同与object.hasOwnProperty(key),但是使用hasOwnProperty函数的一个安全引用,以防止意外覆盖。

_.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的话就去看看吧

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏TungHsu

这或许是对小白最友好的python入门了吧——8,初识for语句

有时候我们想要使用列表中所有元素,但是如果手打又不现实,这时候我们可以用for语句来遍历整个列表,我们先举个例子,还是昨天的列表 ? 现在我们用for语句来遍历...

30560
来自专栏从零开始学 Web 前端

嵌入式经典面试题

一个定义为volatile的变量是说这变量可能会被意想不到地改变,这样,编译器就不会去假设这个变量的值了。精确地说就是,优化器在用到这个变量时必须每次都小心地重...

46230
来自专栏华仔的技术笔记

再议Block

31370
来自专栏恰童鞋骚年

.NET基础拾遗(1)类型语法基础和内存管理基础

在.NET中所有的内建类型都继承自System.Object类型。在C#中,不需要显示地定义类型继承自System.Object,编译器将自动地自动地为类型添...

12520
来自专栏王磊的博客

SQL Server T-SQL高级查询

高级查询在数据库中用得是最频繁的,也是应用最广泛的。 Ø 基本常用查询 --select select * from student;   --all 查询所有...

51050
来自专栏Jackson0714

PHP内核之旅-3.变量

16840
来自专栏我杨某人的青春满是悔恨

深入理解 weak-strong dance

这时handler持有 Block 对象,而 Block 对象虽然捕获了weakSelf,延长了weakSelf这个局部变量的生命周期,但weakSelf是附有...

15540
来自专栏崔庆才的专栏

Python操作Redis,你要的都在这了!

12.3K50
来自专栏博客园

Core官方DI解析(4)--CallSiteRuntimeResolver

这两个类都在其CallSiteVisitor<TArgument, TResult>基类中

10730
来自专栏前端黑板报

Javascript即将迎来Optional Chaining

Optional Chaining 现在处于 Stage 1。 它是什么? Optional Chaining 使我们能检查一个对象上面是否存在某属性。其它一些...

38150

扫码关注云+社区

领取腾讯云代金券