JavaScript中的条件语句主要包括if…else、switch和三元运算符，用于根据不同条件执行相应代码块；if…else适用于复杂条件和范围判断，switch适合单一变量的多个离散值匹配，三元运算符用于简洁的二元选择，而逻辑短路（&&、||）、空值合并（??）和可选链（?.）等特性则提供了更灵活的条件控制方式，提升代码简洁性与健壮性，但需权衡可读性与维护性，最终选择应基于具体场景和代码清晰度需求。
这种写法非常简洁，尤其适合当你的“条件满足时执行某个操作”的场景。
2. 逻辑或（
||
）的短路求值与
&&
类似，
||
运算符也有短路特性：如果左侧表达式为真值，右侧表达式就不会被执行。这常用于设置默认值。
let userName = ""; // 假设从某个地方获取，可能为空let displayName = userName || "访客"; // 如果userName是空字符串（假值），则使用"访客"console.log(displayName); // 输出: 访客let userConfig = null;let config = userConfig || { theme: 'dark', language: 'en' }; // 如果userConfig为null（假值），则使用默认配置console.log(config); // 输出: { theme: 'dark', language: 'en' }
这个技巧在处理可能为
null
、
undefined
或空字符串的变量时非常实用，能快速提供一个回退值。
3. 空值合并运算符（
??
）这是ES2020引入的一个新特性，比
||
更精确地处理“空”值。
??
只会在左侧表达式为
null
或
undefined
时才返回右侧表达式的值，而不会像
||
那样对
0
、空字符串
""
或
false
也进行短路。
let response = 0; // 假设后端返回0，这是个有效值let count = response ?? 100; // 如果用||，count会是100；用??，count是0console.log(count); // 输出: 0let setting = ''; // 空字符串，在某些场景下也是有效值let displaySetting = setting ?? 'Default';console.log(displaySetting); // 输出: ''
当你需要区分
null
/
undefined
和其他“假值”（如
0
或
""
）时，
??
是比
||
更精确的选择。
4. 可选链操作符（
?.
）虽然它不是严格意义上的条件语句，但
?.
操作符提供了一种在访问可能为
null
或
undefined
的对象的属性或方法时，避免抛出错误的方式。它本质上是一种“条件性”的属性访问。
const user = { profile: { address: { street: "Main St" } }};// 尝试安全地访问深层嵌套的属性const streetName = user?.profile?.address?.street;console.log(streetName); // 输出: Main Stconst adminUser = null;const adminAddress = adminUser?.profile?.address?.street;console.log(adminAddress); // 输出: undefined，而不是报错
这让处理复杂数据结构时，代码变得更加健壮，避免了冗长的
if (user && user.profile && user.profile.address)
这样的判断链。它将错误处理的逻辑内联到属性访问中，非常优雅。
这些“变体”和“进阶”用法，在我看来，是JavaScript灵活性的体现。它们不直接是
if/else
那种显式的条件控制，但通过利用语言的特性，巧妙地实现了条件逻辑，让代码在特定场景下更加简洁、高效。但就像三元运算符一样，滥用也可能导致可读性下降，所以关键在于理解它们的适用场景，并权衡代码的清晰度和简洁性。
以上就是JS条件语句有哪些写法的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1517769.html
赞 (0)
打赏
微信扫一扫
支付宝扫一扫
微信扫一扫
支付宝扫一扫
