美文网首页VueJavascript
VUE开发--Lodash组件(四十七)

VUE开发--Lodash组件(四十七)

作者: 无剑_君 | 来源:发表于2019-06-23 08:08 被阅读125次

    一、Lodash简介

    Lodash是一套工具库,它内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数,其中部分是目前ECMAScript尚未制订的规范,但同时被业界所认可的辅助函数。Lodash是一个著名的javascript原生库,不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。
    lodash的中文文档:
    https://lodash.com/docs/4.17.11
    lodash的官方文档:
    https://www.lodashjs.com/

    二、模块组成

    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参数

    三、安装组件

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

    三、引入使用

    import _ from 'lodash';
    import { add } from 'lodash/fp';
    
    const addOne = add(1);
    _.map([1, 2, 3], addOne);
    

    相关文章

      网友评论

        本文标题:VUE开发--Lodash组件(四十七)

        本文链接:https://www.haomeiwen.com/subject/yctiqctx.html