首页 > 自考资讯 > 高考百科

优雅的编程,高性能的JavaScript 的实用工具库Lodash js中load用法

小条 2024-06-27

介绍

Lodash 是一个一致、模块化、高性能的JavaScript 实用程序库。具有多年编程和开发经验的工程师通常都有自己的一套工具库,有时称为实用程序,但我个人更喜欢使用助手。这些是我每天的代码积累或者技术总结。 Lodash 确实是一个工具库,为函数式编程提供了一组实用的函数。 Github 拥有近40,000 个star,每天有100 万次npm 安装。我不得不说它很受欢迎。

1e393bc32ab749f186bf3986028fb0e0~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720054757&x-signature=IAddFQfd8oSzb77o3cHzPn5BfIM%3D

为什么选择 Lodash ?

Lodash 通过轻松处理数组、数字、对象、字符串等来简化JavaScript。有些规范不是ECMAScript定义的,但在业界是认可的!

Lodash 的模块化方法非常适合:

遍历数组、对象和字符串来操作和发现值并创建函数函数

Github

https://github.com/lodash/lodash

模块组成

下面是一些常用的模块(方法太多,无法详细讨论,所以本文仅做简单介绍)。

Arraylodash总共包含了几十种对数组友好的方法,包括搜索、填充、切片、拼接、过滤等非常实用的方法。 es6中的一些新特性也可以实现一些有用的操作,但是目前还不能使用。截图中只显示了一部分。

2d956c94d42f49598d76ba40cc1edcb6~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720054757&x-signature=TjlIiwC6ODL0zEgAw7GZW2GtFqU%3DCollectionCollection 有许多适用于对象、数组和一些字符串函数的方法。

071d8608fab046448ef5b5e0845371bb~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720054757&x-signature=ogfgQa52v3E8KKHjUJiBW0oST0o%3DDateDate 仅包含一个方法,该方法返回当前时间的时间戳并获取自Unix 纪元(1970 年1 月1 日00:00:00 UTC)以来的毫秒数。

a0d39883951d4c969717c6a32c103371~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720054757&x-signature=sdyrcQqLtL%2BeJk8hOWSL5xY9Uxw%3DFunctionFunction,顾名思义,主要包含函数的方法,包括更高级的用法,如节流、延迟、缓存和设置钩子等。

3f1d27ee5f204c8a804b5d7bf1bfe288~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720054757&x-signature=lznQeBePx3QsDRvvRe9hqDSz%2FNg%3DLanglang方法主要用于不同类型之间的转换,适用于不同类型

80dd8aab7479451182fd4805306632ea~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720054757&x-signature=oOHEIOML%2BpREUPPBqlZMA5WXDls%3D数学顾名思义,它是用于执行数学运算的数学方法的集合。

1cb0b16381044a8fb5f32208dd561083~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720054757&x-signature=16HigbkcA4MywZ1QXXxw8Wd2ajw%3DNumber主要用于生成随机数和比较数值区间,共有三种方法。

d9c5a846ceff43cf9b37bb71d08a5b19~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720054757&x-signature=opsYfilmgzvQn4IiA8EgBZFl9Hs%3DObject 对es6 中的对象做了很多增强。特别是,我们添加了一些非常易于使用的拆分和结构化操作。 lodash 有越来越多的常用方法来创建、扩展、转换、检索和收集对象。其他操作。

3b63760bbfb743d0ac5f12a646b899ee~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720054757&x-signature=3%2BW23BSfXfPzY5ukqUtQEdKE14k%3DSeq使用优雅链提高了执行性能(惰性计算)

a23c65d6998f4baa9a62e11ea1441312~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720054757&x-signature=4fbJfWogbFBIxRRdiasGCImcWaE%3DString 显然,这是一个字符串方法。

f335e642213345b1abe3dff4473facaf~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720054757&x-signature=QujvgZ%2B1jo%2Fi17BEBxyWMxWs56Y%3D 还有其他几种玩法。详细信息可以参见官方文档。提供最新中文文档。

https://www.lodashjs.com/docs/latest#

快速开始

浏览器脚本src='lodash.js'/scriptnpm i -g npmnpm i lodashimport _ from 'lodash';Nodejs//加载完整的build.var _=require('lodash');//Core 加载构建。 var _=require('lodash/core');//加载不可变自动柯里化iteratee-first data-last 方法的FP 版本。 var fp=require('lodash/fp');//加载方法类别。 var array=require('lodash/array');var object=require('lodash/fp/object');//为小型浏览器精心挑选的方法ify/rollup/webpack Bundles.var at=require('lodash/at ' );varcurryN=require('lodash/fp/curryN');

总结

事实上,我想有些人会用“易于使用”这个词来形容lodash。 es6 的到来取代了许多功能,但如果您还没有使用es6+,我强烈推荐它。

0ceb9e0fcefd48ce8c7b39532fd36073~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720054757&x-signature=Mr%2Fn5I0D5CU8MYehkR5w%2B3oO%2B0Q%3D

版权声明:本文转载于网络,版权归作者所有。如有侵权,请联系本站编辑删除。

猜你喜欢