链式调用不再undefined,一键添加可选链

335 阅读1分钟

现状

链式调用常常会出现不可预见的undefined

data.user.nickname.first // nickname可能是空值

造成表达式短路及页面错误

可以这样处理

data.user.nickname && data.user.nickname.first

也可以使用可选链操作符(Optional_chaining)

data.user.nickname?.first

这个确实挺好用的

但是有时候我们甚至不能确定datauser是否也可能为空

所以都加上可选链吧

data?.user?.nickname?.first

其实一般情况下,我们都是不希望链式调用短路报错的

但是貌似没有全局处理的方法

办法

自动给对象链都添加上可选链

npm install chain-add -g

比方说要给 src\pages\base-data\otherinfo\charge-type\index.tsx 这个文件加上可选链

chain-add src\pages\base-data\otherinfo\charge-type\index.tsx

image.png

chain-add