本篇文章带大家了解一下javascript的空值合并运算符（??）。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
今年ECMAScript 2020（ES2020）将发布！自 2015 年 ECMAScript 2015（ES6）发布以来，我们每年都对 JavaScript 语言进行更新。
目录
使用 JavaScript 空值合并运算符使用实例空值合并运算符与逻辑或（||）浏览器支持总结
在ES2020中，我们获得了在其他语言中（ 如 C# 和 PHP）早已可用的功能：空值合并运算符。我一直喜欢这个名字，因为每当我说这个名字时，都会觉得自己很聪明。
立即学习“Java免费学习笔记（深入）”；
空值合并运算符将会遍历列表，并返回第一个不是 null 或 undefined 的值。
重要的是要注意，空值合并运算符仅查找 null 或 null 值。空值合并运算符接受虚值（Falsy values）。
使用 JavaScript 空值合并运算符（??）
让我们看一些例子。请记住，JavaScript 的空值合并运算符将遵循 ?? 链，直到找到非空或未定义的对象。如果找到 false，它将返回该值。
null ?? 'hi' // 'hi'undefined ?? 'hey' // 'hey'false ?? 'hola' // false0 ?? 'bonjour' // 0'first' ?? 'second' // first
登录后复制
在下面的例子中，我们在变量中存储了一些值：
let person //链接 JavaScript 的空值合并运算符
JavaScript 的空值合并运算符的妙处在于，我们可以根据需要将其进行多次链接。
null ?? undefined ?? false ?? 'hello' // falsenull ?? '' ?? 'hello' // ''登录后复制
使用实例
可以在从外部来源获取数据时使用。比如我们想从多个地方抓取博客的文章。然后可以确定哪个文章将会成为我们的精选帖子：
// 简化代码。 使用 fetch requires 需要比这更多的代码const firstBlogPost = await fetch('...')const secondBlogPost = await fetch('...')const defaultBlogPost = { title: 'Default Featured Post' }const featuredBlogPost = firstBlogPost ?? secondBlogPost ?? defaultBlogPost登录后复制
如果不确定某些值是否存在，上面是设置默认值的好方法。
空合并运算符与逻辑或（||）
如果要消除虚值，可以用 逻辑或运算符 （||）。
本质上，它与空合并运算符的作用相同，只是它消除了虚值。
空值合并运算符将跳过 null，undefined逻辑或运算符会跳过 null，undefined，false
false ?? 'hello' // falsefalse || 'hello' // 'hola'登录后复制
如果你不想用要虚值，可以使用 ||。如果只想检查是否为 null 或 undefined，就用 ??。
浏览器支持
在撰写本文时，最新版本的 Chrome、Firefox、Edge 和 Safari 可以使用空值合并运算符。
总结
空值合并运算符是该 JavaScript 语言不错的补充。拥有更多检查值的选择并没有什么坏处。
英文原文地址：https://scotch.io/tutorials/javascripts-null-coalescing-operator
作者：Chris on Code
译文地址：https://segmentfault.com/a/1190000023577464
更多编程相关知识，请访问：编程入门！！
以上就是详解JavaScript的空值合并运算符（??）的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2721145.html
