今年ecmascript 2020(es2020)将发布!自 2015 年 ecmascript 2015(es6)发布以来,我们每年都对 javascript 语言进行更新。
目录
使用 javascript 空值合并运算符使用实例空值合并运算符与逻辑或(||)浏览器支持总结在es2020中,我们获得了在其他语言中( 如 c# 和 php)早已可用的功能:空值合并运算符。我一直喜欢这个名字,因为每当我说这个名字时,都会觉得自己很聪明。
空值合并运算符将会遍历列表,并返回第一个不是 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 // <-- person is undefined hereperson { name: 'chris' } // { name: 'chris' }const isactive = falseisactive true // false
链接 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,falsefalse '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的空值合并运算符()的详细内容。
