Lodash

是 一个 一致性、模块化、高 性能 的 JavaScript 实用工具库。

Lodash 实现了大量实用的工具 方法 。( 官方文档 )

    < script   src   =  " https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.15/lodash.min.js "   >       </ script  >  
   < script  >   
  console .  log  ( window . _ )  ; 

   var  arr  =   [  ,   ,   ,   ,   ]  ; 
   var  arrChunk  =  _ .  chunk  ( arr ,   )  ; 

  console .  log  ( arrChunk )  ;   //  输出 ：[[1, 2], [3, 4], [5]] 
    </ script  >  
 

1. 代替原生 方法 使用

Lodash 提供了许多原生同名 方法 ，如数组 forEach 、 map 、 includes 等。

Lodash 对这些 方法 增加 了容错，如果是原生 方法 ，碰到值为 null 或者 undefined 会报错，在 Lodash 中会处理掉这份 错误 。

Lodash 在引入后，入口为全局下的 _ 。

    < script   src   =  " https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.15/lodash.min.js "   >       </ script  >  
   < script  >   
   var  arr  =   null  ;   // 不知道出于什么原因 本来应该是个数组 但是变成了null 

  _ .  forEach  ( arr ,   function  (  )   { 

   }  )  ; 

  arr .  forEach  (  function  (  )   { 

   }  )  ;   // 异常：Cannot read property 'forEach' of null 
    </ script  >  
 

同时 Lodash 对一些 方法 做了优化处理，如：假使在 forEach 的回调中返回了 false ，则不会再继续遍历，达到与 break 类似的 效果 。

    < script   src   =  " https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.15/lodash.min.js "   >       </ script  >  
   < script  >   
   var  arr  =   [  ,   ,   ,   ]  ; 

   var   fn   =   function  ( item ,  index )   { 
     if   ( index  ===   )   { 
       return   false  ; 
     } 

    console .  log  ( item )  ; 
   }  ; 

  console .  log  (  'lodash: '  )  ; 
  _ .  forEach  ( arr ,  fn )  ; 

  console .  log  (  'native: '  ) 
  arr .  forEach  ( fn )  ; 
    </ script  >  
 

对项目有强健壮性和稳定性的项目，可以考虑使用 Lodash 这样的库替代原生 方法 进行使用，让第三方做好兼容处理。

2. 小结

Lodash 是非常常用的工具库，也提供了许多 ES6 提供的同名的 方法 ，可以充当 poly fill 使用。

moment ? ?jQuery

查看更多关于Lodash的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did92459