Loadsh 常用方法总结

Lodash 介绍

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

安装

浏览器环境：

<script src="lodash.js"></script>

通过 npm：

$ npm i -g npm
$ npm i --save lodash

Node.js：

// Load the full build.
var _ = require('lodash');
// Load the core build.
var _ = require('lodash/core');
// Load the FP build for immutable auto-curried iteratee-first data-last methods.
var fp = require('lodash/fp');
 
// Load method categories.
var array = require('lodash/array');
var object = require('lodash/fp/object');
 
// Cherry-pick methods for smaller browserify/rollup/webpack bundles.
var at = require('lodash/at');
var curryN = require('lodash/fp/curryN');

模块组成

Lodash听得辅助函数主要分为以下几类，函数列表和用法实力请查看Lodash的官方文档：

• Array， 适合于数组类型，比如填充数据、查找元素、数组分片等操作
• Collocation， 适用于数组和对象类型，部分适用于字符串，比如分组、查找、过滤等操作
• Function， 适用于函数类型，比如节流、延迟、缓存、设置钩子等操作
• Lang， 普遍适用于各种类型，常用于执行类型判断和类型转换
• Math， 使用与数值类型，常用于执行数学运算
• Number， 适用于生成随机数，比较数值与数值区间的关系
• Object， 适用于对象类型，常用于对象的创建、扩展、类型转换、检索、集合等操作
• Seq， 常用于创建链式调用，提高执行性能（惰性计算）
• String， 适用于字符串类型
• lodash/fp 模块提供了更接近函数式编程的开发方法，其内部的函数经过包装，具有 immutable、auto-curried、iteratee-first、data-last（官方介绍）等特点。
• Fixed Arity，固化参数个数，便于柯里化
• Rearragned Arguments， 重新调整参数位置，便于函数之间的聚合
• Capped Iteratee Argument， 封装Iteratee参数

在React + Webpack + Babel(ES6)的开发环境中，使用Lodash需要安装插件babel-plugin-lodash并更新Babel配置文件：

npm install --save lodash
npm install --save-dev babel-plugin-lodash

更新Bable的配置文件 .babelrc:

{
    "presets":[
        "react",
        "es2015",
        "stage-0"
    ],
    "plugins":[
        "lodash"
    ]
}

使用方式：

import _ from 'lodash';
import { add } from 'lodash/fp';

const addOne = add(1);
_.map([1, 2, 3], addOne);