underscore 工具

=============== 通知：

博主已迁至《掘金》码字，博客园可能以后不再更新，掘金地址：https://juejin.im/post/5a1a6a6551882534af25a86b  请多多关照！！

-------------------在此谢过！-----------

今天来解析一下underscore这个工具框架，现在虽然使用的人比较少，但这个小工具还是比较适合入门级的同学们来研究的！

我看的是1.8.3版本

一、判断是否是对象    _.isObject()

 这里所说的对象 包括function 和object
源码：
　　 _.isObject = function(obj) {
 　　   var type = typeof obj;
  　　  return type === 'function' || type === 'object' && !!obj;
  　　};
解析：
   先用typeof进行判断，将判断结果做判断，如果结果等于function 或者判断结果类型为object 并且为真值 （!!意为强制转布尔值true/false）

调用：
    var obj={a:1,b:2};
    var str="abcd";
    var arr=[1,2,3]

     _.isObject（obj）   => true;
     _.isObject（str）   =>false;
     _.isObject（arr）   =>true;

二、判断是否是Array     _.isArray()

源码：

    var nativeIsArray  = Array.isArray

　　 _.isArray = nativeIsArray || function(obj) { 　
　   return toString.call(obj) === '[object Array]'; 　
　};

解析：

 Array.isArray是js自带的array判断方法，先用原生的方法判断一次，如果原生方法不存在，再用toStringe.call()方法判断，如果为真值，则是数组，否则不是

调用：

var arr=[1,2,3];

var arr2='2132132'

var arr3={a:1,b:2}

console.log(_.isArray(arr),_.isArray(arr2),_.isArray(arr3))     =》true,false,false

三、判断是否为Boolean 类型 _.isBoolean()

源码：
　　_.isBoolean = function(obj) {
 　　 return obj === true || obj === false || toString.call(obj) === '[object Boolean]';
　　};
解析：
    先判断传入值是否可以直接转成true或false,如果不可以，再使用toString()判断结果是不是布尔

调用：
  console.log(_.isBoolean(true))  =>true;
  console.log(_.isBoolean(13))    =>false;

四、判断是否是undefined    _.isUndefined()

源码：
　　_.isUndefined = function(obj) {
  　　return obj === void 0;
　　};
解析：
     undefined 并不等于undefined，而void 0 的返回结果一直都会是undefined ,所以作者使用它进行判断

调用：
      console.log( _.isNull(undefined))    =>true
      console.log( _.isUndefined(void 0))  =>true
   当前传入undefined 和 void 0 结果为true 其他为false

五、判断类型   toString.call()

通过判断toString.call(参数)来根据结果来判断是哪种类型，以上的几个判断类型的多是沿用这个方法而来；
调用：
　　toString.call("123")     =>   "[object String]"       字符串

　　toString.call(123)       =>   "[object Number]"        数字

　　toString.call(null)      =>   "[object Null]"          null

　　toString.call({a:1})     =>   "[object Object]"        对象

　　toString.call([1,5,8])   =>   "[object Array]"         数组

　　toString.call(true)      =>   "[object Boolean]"       布尔

　　toString.call(/a/g)      =>    "[object RegExp]"       正则

　　toString.call(undefined) =>   "[object undefined]"     undefined

　　toString.call(new Date()) =>  "[object Date]"          日期对象

解析：   
    这种判断使用的是Object.prototype上的原生toString()方法判断数据类型

六、判断key是否存在于obj中 _.has()

-------------------------------------------------------------------

源码：
　　_.has = function(obj, key) {
 　　 return obj != null && hasOwnProperty.call(obj, key);
　　};

解析：
    先判断obj是否为null，并且调用hasOwnProperty的方法检测key 是否存在于obj

判断key值是否存在于obj中，用于对象中的判断，还可通过此方法检查其是不是同一个原型

调用：
    var obj={a:1,b:2};
  　　　　  console.log(_.has(obj,"a"))   =>true
           console.log(_.has(obj,"c"))   =>false

七、通过属性和对象返回属性值  _.property(key)(obj)  ；  _.propertyOf(obj)(key);

这两个方法都是可以返回当前obj的key对应的值

_.property(key)(obj)

源码：　
　_.property = function(key) {
 　　   return function(obj) {
   　　 return obj == null ? void 0 : obj[key];
 　　 };
　　};
解析：
    当前方法传入两个值 一个是obj 一个是key  先判断Obj是否是存在，是不是null,如果是 返回undefined 如果不是返回当前obje的key的值

调用：
　　var obj={
       　　  a:111,
       　　  b:222
     　　};
   　　 console.log(_.property("a")(obj));  =>111

----- _.propertyOf(obj)(key);------------------------------------------------------------------------------------------

源码：
　　_.propertyOf = function(obj) {
　　  return obj == null ? function(){} : function(key) {
 　　   return obj[key];
 　　 };
　　};
解析：
    和上一个方法大同小异，当前判断obj是否是null,如果是返回一个空函数，如果不是拿到key，去obj的key上去匹配

调用：
　　   var obj={
      　　   a:111,
      　　  b:222
    　　 };

　　　　console.log(_.property("a")(obj));  =>111

八、生成min,max之间的随机数

下面我们先来温习一下math()的方法吧！

 　　  四舍五入：

      　　  　　Math.round(2.1)  =>2

 

   　　向下取整：

       　　 　　 Math.floor(5.8)  =>5

 

   　　向上取整：

       　　　　  Math.ceil(3.2)   =>4

 

 　　  生成0-1之间随机数：

      　　        Math.random()

源码：
　　_.random = function(min, max) {
 　　　　 if (max == null) {
   　　　　 max = min;
   　　　　 min = 0;
 　　　　 }
 　　　　 return min + Math.floor(Math.random() * (max - min + 1));
　　};

调用：
console.log(_.random(2,9)) =>生成一个随机整数

解析：

   当前方法传入两个值，在方法内判断第二个值是否为空，如果没有将max的值，就将min赋给max作为最大值，min则赋值为0， 
  如果没有上面的情况，直接进行下面的方法
  （Math.random()*(max-min+1)）== 当前函数生成0到 （max-min+1)）之间的数 但并不是我们想要的 

例如 ： let min = 5； let max=10;

       那么执行完上面第一步 我们得到的时候0-6之间的数字

　　　　　　Math.floor的方法将得到的值向下取整，如果是4.8，那就拿到4，

       最后一步  min+4 将最小值与拿到的值合并 那么我们拿到了9，正是我们想要的

       这个方法会生成min和max之间的整数 (包含max和min)

九、判断是否是DOM 元素

 源码：
  　　_.isElement = function(obj) {
  　　    return !!(obj && obj.nodeType === 1);
　　  };

 解析：
    先确定是否传入了值，并且判断元素的nodeType的类型是否为1，然后用！！强制转布尔值

十、判断是否在最大值和最小值之间

    _.isFinite = function(obj) {
      return isFinite(obj) && !isNaN(parseFloat(obj));
    };

这里面的这个方法，其实现在单用isFinite()就可以判断出来，

判断是否是一个有限的数字,即值在：

console.log(Number.MAX_VALUE); 最大值
console.log(Number.MIN_VALUE)； 最小值

之间的，如果是返回true,如果是加“”的数字还可自动转换，输入最后结果

调用：

_.isFinite( "888")  => true

 _.isFinite( "aaa")  => false

十一、获取当前时间的时间戳（关于时间的各种方法我会单独出一篇，敬请期待）

    _.now = Date.now || function() {
          return new Date().getTime();
    };

    调用：
       console.log(_.now())  => 1499913487397

    等同于：
　　console.log(Date.now());
　　console.log(new Date().getTime())