什么是 l-safeget
l-safeget 是一个非常实用的 npm 包，可以帮助开发者方便地进行数据的获取及判断。在前端开发过程中，我们经常需要从一个对象中获取某个属性值，如果这个对象中的某一层级缺失，就会出现 undefined 错误，给开发带来不少麻烦。此时就可以使用 l-safeget 来避免这种问题。
l-safeget 的使用方法
首先，我们需要在项目中安装 l-safeget:
npm install l-safeget --save
然后，在需要使用 l-safeget 的地方引用它：
import safeGet from 'l-safeget';
l-safeget 提供了两个方法：get 和 has。
l-safeget.get
使用 get 方法可以非常方便地从一个对象中获取某个属性值，而不用担心对象中的某一层级不存在：
-- -------------------- ---- -------
--- --- - -
-- -
-- -
-- -------
-
-
--
--- ----- - ---------------- ---------
-- ----- --- -------
----- - ---------------- -------- -------- --------
-- ----- --- -------- ------其中，safeGet.get 第三个参数表示默认值，当获取值为 undefined 时，将返回默认值。
l-safeget.has
使用 has 方法可以快速判断一个对象中是否存在某个属性，而且不会受到任何 undefined 以及 null 的影响：
-- -------------------- ---- -------
--- --- - -
-- -
-- -
-- -------
-
-
--
--- ------- - ---------------- ---------
-- ------- --- ----
------- - ---------------- ---------
-- ------- --- -----l-safeget 的深入学习
l-safeget 的原理
l-safeget 的原理就在于使用了 try-catch 进行异常捕捉，避免了数据获取中的 undefined 错误，同时，利用了 ES6 中的 Proxy 对象，返回一个代理对象，可以让我们在获取对象属性的时候，当数据不存在时，不会有 undefined 错误抛出。
l-safeget 的实现
为了方便大家更好的理解 l-safeget，下面分享一下 l-safeget 的代码实现：
-- -------------------- ---- -------
----- ------- - -
----------- --------- --------- -
----- ------ - ------------------- --------- ----------
------ ------ --- --------- - -------- - -------
-
--
------ ------- -
-------- ----- ------------- -
--- -------
--- -
------ - -------------------------- -- -- -
------ - -- - - ---- - ----------
-- -----
- ----- --- --
------ ------ --- --------- - ------------ - -------
--
-------- ----- -
--- -
---------------- ----- --- --------- ----------
------ -----
- ----- --- -
------ ------
-
-
--l-safeget 的使用指导
l-safeget 可以非常方便地规避对象中的 undefined 问题，不需要再写繁琐且容易出错的 if 判断，极大地提高了开发效率。同时，l-safeget 的使用也需要注意一些细节问题：
- l-safeget 可以嵌套使用，但是嵌套的次数不应太多，否则会导致执行速度过慢；
- l-safeget 可以支持数组，但是不建议在复杂的数据结构中使用。
l-safeget 的应用示例
-- -------------------- ---- -------
------ ------- ---- ------------
----- ---- - -
----- ---- -------
---- ---
-------- --------------- ---------- ---------
-------- -
----- ---------
----------- -
--- ------
---------- -
------ ------- ---- ----
------ ------- ---- ----
------ -------
-
-
-
--
----- ---- - ----------------- --------
-- ---- --- ---- ------
----- ----- - ----------------- -------------
-- ----- --- -------------
----- ------- - ----------------- ---------------------------------------
-- ------- --- ------
----- ------- - ----------------- --------------------------------------
-- ------- --- ----结束语
l-safeget 是一个非常实用的数据获取工具，可以避免我们在数据获取过程中的 undefined 错误，提高了开发效率，减少了 bug 的出现。希望大家能够在实际应用中充分利用 l-safeget 的功能，打造更高效、更稳定的前端项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056e8481e8991b448e74d5