服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - 编程技术 - 被Lodash的方法骗了好几年,今天终于踩了大坑了!

被Lodash的方法骗了好几年,今天终于踩了大坑了!

2024-01-24 14:02前端之神 编程技术

我们项目中有一处业务代码,需要根据不同的条件,对某个对象进行属性的删除,我们选择了lodash的isEmpty方法,然后就出事了。

背景

我们项目中有一处业务代码,需要根据不同的条件,对某个对象进行属性的删除,大概代码如下:

被Lodash的方法骗了好几年,今天终于踩了大坑了!

接着需要判断这个对象是否为空,为空的话就去执行另一个很重要的逻辑,这里判断对象为空,我们选择了lodash的isEmpty方法:

被Lodash的方法骗了好几年,今天终于踩了大坑了!

出问题了

然后就出事了,上线后发现有 BUG ,定位问题之后,发现就是明明对象不为空,然后isEmpty还是把这个对象判为空了,然后去执行了接下来的逻辑,导致出现 BUG

然后我就去看了一下 isEmpty的源码,总算是发现问题了!

被Lodash的方法骗了好几年,今天终于踩了大坑了!

可以看到最后一个环节,isEmpty 在判断对象是否为空的时候,用了for in + hasOwnProperty去判断某一个属性是否存在对象中,只要有一个存在,那么这个对象就不为空!

诶!那好像也没啥问题啊?但是我突然想到,那这个for in能遍历出 Symbol 类型的属性吗?于是我试了一下,发现 for in 并不会遍历 Symbol属性。

被Lodash的方法骗了好几年,今天终于踩了大坑了!

这也严重了问题出在lodash 的 isEmpty上,并且根本原因是 for in 并不会遍历 Symbol属性。

解决问题

所以还是自己实现一个来解决这个问题吧!!!我们可以获取到对象的属性个数,判断属性个数是否为0,为0那就是为空。

那可以用Object.keys吗?他的作用就是可以把对象的属性放到一个数组中,我们试试之后,发现Object.keys并不会把Symbol属性算进去:

被Lodash的方法骗了好几年,今天终于踩了大坑了!

我们换一下Reflect.ownKeys试试,发现就完全可以了!!!!

被Lodash的方法骗了好几年,今天终于踩了大坑了!

所以最终自己实现了一个 isEmpty:

被Lodash的方法骗了好几年,今天终于踩了大坑了!

原文地址:https://mp.weixin.qq.com/s?__biz=Mzg2NjY2NTcyNg==&mid=2247491962&idx=1&sn=ea362b0ee55dd67c6a14e92bec07a86a

延伸 · 阅读

精彩推荐