自己写的webpack项目如何使用可选链式操作符

最新推荐文章于 2025-04-25 11:34:22 发布

原创最新推荐文章于 2025-04-25 11:34:22 发布 · 5.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端--基础同时被 3 个专栏收录

94 篇文章

订阅专栏

项目中遇到的小问题

70 篇文章

订阅专栏

有用的代码总结

68 篇文章

订阅专栏

本文详细介绍了如何在项目中安装和配置Babel插件@babel/plugin-proposal-optional-chaining，展示了链式写法的使用示例，并对比了传统写法。通过实例演示了如何优雅地处理null/undefined判断，提升代码可读性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一：安装转义babel

npm install --save-dev @babel/plugin-proposal-optional-chaining

二：在项目根目录创建.babelrc文件

配置如下内容

{
    "plugins": ["@babel/plugin-proposal-optional-chaining"]
}

三：在js中使用

//链式写法
if(res?.data?.obj){ // 判断data中是否有obj属性 并且非null非undefined

}

if(res?.data?.array?.length){ // 判断data中是否有array且存在长度

}

//普通写法
if(res&&res.data&&res.data.obj){

}

if(res&&res.data&&res.data.array&&res.data.array.length){

}