在前端开发中，我们经常会遇到需要初始化一个对象的情况。如果属性比较多，手动设置每个属性的值将是一件繁琐的事情。此时，npm 包 fill-keys 可以帮助我们快速地初始化对象。
安装
使用 npm 命令安装：
--- ------- ---------
使用方法
基本用法
fill-keys 模块提供了两个主要的函数：fillKeys() 和 fillKeysDeep()。其中，fillKeys() 用于初始化一个浅层对象，fillKeysDeep() 初始化一个深层对象。
这里，我们以 fillKeys() 函数为例进行说明。假设我们有如下的对象：
----- --- - - ---- ---------- ---- ----- ---- - --
我们可以使用 fillKeys() 函数初始化它的属性值：
----- -------- - --------------------- ----- ------ - ------------- ------- ------- -------- -------------------- -- - ---- ------- ---- ------- ---- - -
上述代码中，obj 是需要初始化的对象，['foo', 'bar'] 是需要初始化的属性数组，'init' 是属性的初始值。函数返回的结果即为初始化后的对象。
深度用法
如果需要初始化的对象是一个嵌套结构，我们可以使用 fillKeysDeep() 函数来进行深度初始化。例如：
----- --- - -
---- ----------
---- -----
---- -
-- ----------
-- -----
-- -
-- --
-- -
-
-
--
----- ------ - ----------------- ------- ------ -------- -------- ----------- --------
--------------------
-- - ---- -------
-- ---- -------
-- ---- - -- ------- -- ------- -- - -- ------- -- - - - -上述代码中，我们需要初始化的属性包括 foo、bar、baz.a、baz.b、baz.c.x，初始值为 'init'。使用 fillKeysDeep() 函数后，返回的结果是一个深层次的对象，所有需要初始化的属性都被设置为了初始值。
小结
fill-keys 模块提供了一种快速初始化对象的方法。使用它可以减少我们的工作量，提高开发效率。在项目中应用时，需要根据实际情况选择合适的函数进行使用。
示例代码：
----- -------- - ---------------------
----- --- - -
---- ----------
---- -----
---- -
--
-- -----
----- ------- - ------------- ------- ------- --------
---------------------
-- - ---- ------- ---- ------- ---- - -
-- -----
----- ---- - -
---- ----------
---- -----
---- -
-- ----------
-- -----
-- -
-- --
-- -
-
-
--
----- ------- - ------------------ ------- ------ -------- -------- ----------- --------
---------------------
-- - ---- -------
-- ---- -------
-- ---- - -- ------- -- ------- -- - -- ------- -- - - - -注意：示例代码中的 fillKeysDeep() 函数需要安装 lodash.get 和 lodash.set 两个依赖。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/51609