草庐IT

es6新增的运算符-链判断运算符的诞生[?.]和null的判断运算符？？

南风晚来晚相识 2023-03-28 原文

指数运算符 **

console.log(2 ** 2 ) //4
console.log(2 ** 3 ) //8
console.log(2 ** 4) //16

链判断运算符的诞生（?.）

在实际编程中，
如果读取对象内部的某个属性，往往需要判断一下。
属性的上层对象是否存在。比如，读取 message.body.user.firstName这个属性，安全的写法是写成下面这样。

let message={
  body:{
     user:{
  	firstName:''
     }
  }
}
			
// 错误的写法;因为这message.body这个值可能没有，会导致报错
const  firstName = message.body.user.firstName || 'default';

// 正确的写法
const firstName = (message
  && message.body
  && message.body.user
  && message.body.user.firstName) || 'default';
有的小伙伴可能会觉得这样会很麻烦，怎么会处理这个问题了。


//使用链式运算符
let myDefault= message?.body?.user?.firstName || '默认值';
/**
 * 上面代码中，如果message是null或undefined，
 * 或者message.body是null或undefined，
 * 或者message.body.user是null或undefined，
 * 或者message.body.user.firstName是null或undefined.
 * 就会返回--默认值。
 * */

链判断运算符（?.）的详细讲解

?.运算符，直接在链式调用的时候判断。
左侧的对象是否为null或undefined。
如果是的，就不再往下运算，而是返回undefined
本质上，?.运算符相当于一种短路机制，只要不满足条件，就不再往下执行。

链判断运算符-判断对象是否有某个方法

let message={
// say:function(){
//    console.log('hello word')
// }
}
//如果没有该方法，则不会被执行的哈
message.say?.() 
它表达的意思是: message.say如果有定义，就会调用该方法。
否则message.say直接返回undefined，不再执行?.后面的部分。

Null 判断运算符 ( ?? )

读取对象属性的时候，如果某个属性的值是null或undefined，
有时候需要为它们指定默认值。常见做法是通过||运算符指定默认值。
const headerText = response.settings || 'Hello, world!';
const animationDuration = response.settings || 300;
但是我们开发者的意愿是：
只要属性的值为null或undefined，默认值就会生效，
但是实际属性的值如果为空字符串或false或0，默认值也会生效。(与我们的初衷相违背)

为了避免这种情况，ES2020 引入了一个新的 Null 判断运算符??。
**它的行为类似||，但是只有运算符左侧的值为null或undefined时，才会返回右侧的值。**

const headerText = response.settings ?? 'Hello, world!';
const animationDuration = response.settings ?? 300;
上面代码中，默认值只有在左侧属性值为null或undefined时，才会生效。

这一行代码包括了两级属性的判断。

const animationDuration = response.settings?. animationDuration ?? 300;
上面代码中，
如果response.settings是null或undefined，
或者response.settings.animationDuration是null或undefined，
就会返回默认值300。
也就是说，这一行代码包括了两级属性的判断。

现在的规则是，如果多个逻辑运算符一起使用，必须用括号表明优先级，否则会报错。

// 报错
lhs && middle ?? rhs
lhs ?? middle && rhs
lhs || middle ?? rhs
lhs ?? middle || rhs
上面四个表达式都会报错，必须加入表明优先级的括号。

(lhs && middle) ?? rhs;  ok
lhs && (middle ?? rhs);  ok

(lhs ?? middle) && rhs;  ok
lhs ?? (middle && rhs);  ok

(lhs || middle) ?? rhs;  ok
lhs || (middle ?? rhs);  ok

(lhs ?? middle) || rhs; ok
lhs ?? (middle || rhs); ok
运算符诞生messageundefinedJavaScript

有关es6新增的运算符-链判断运算符的诞生[?.]和null的判断运算符？？的更多相关文章

  1. ruby - 触发器 ruby​​ 中 3 点范围运算符和 2 点范围运算符的区别 - 2

    请帮助我理解范围运算符...和..之间的区别，作为Ruby中使用的“触发器”。这是PragmaticProgrammersguidetoRuby中的一个示例:a=(11..20).collect{|i|(i%4==0)..(i%3==0)?i:nil}返回:[nil,12,nil,nil,nil,16,17,18,nil,20]还有:a=(11..20).collect{|i|(i%4==0)...(i%3==0)?i:nil}返回:[nil,12,13,14,15,16,17,18,nil,20] 最佳答案 触发器(又名f/f)是

  2. 使用canal同步MySQL数据到ES - 2

    文章目录一、概述简介原理模块二、配置Mysql使用版本环境要求1.操作系统2.mysql要求三、配置canal-server离线下载在线下载上传解压修改配置单机配置集群配置分库分表配置1.修改全局配置2.实例配置垂直分库水平分库3.修改group-instance.xml4.启动监听四、配置canal-adapter1修改启动配置2配置映射文件3启动ES数据同步查询所有订阅同步数据同步开关启动4.验证五、配置canal-admin一、概述简介canal是Alibaba旗下的一款开源项目，Java开发。基于数据库增量日志解析，提供增量数据订阅&消费。Git地址：https://github.co

  3. "\0"null 的 Ruby 测试？ - 2

    我在破坏脚本的字符串中出现了一些奇怪的字符。据我所知，通过putbadstring到控制台，它们是"\0\0\0\0"。我想对此进行测试，以便我可以忽略它们...但是如何呢？以为这就是blank?和empty?的用途？!？:>badstring="\0"=>"\u0000">badstring.blank?NoMethodError:undefinedmethod`blank?'for"\u0000":Stringfrom(irb):97from/Users/meltemi/.rvm/rubies/ruby-2.0.0-p195/bin/irb:16:in`'>badstring.em

  4. ES基础入门 - 2

    ES一、简介1、ElasticStackES技术栈：ElasticSearch：存数据+搜索；QL；Kibana：Web可视化平台，分析。LogStash：日志收集，Log4j:产生日志；log.info(xxx)。。。。使用场景：metrics：指标监控…2、基本概念Index（索引）动词：保存（插入）名词：类似MySQL数据库，给数据Type（类型）已废弃，以前类似MySQL的表现在用索引对数据分类Document（文档）真正要保存的一个JSON数据{name:"tcx"}二、入门实战{"name":"DESKTOP-1TSVGKG","cluster_name":"elasticsear

  5. ruby - 带括号和 splat 运算符的并行赋值 - 2

    我明白了:x,(y,z)=1,*[2,3]x#=>1y#=>2z#=>nil我想知道为什么z的值为nil。 最佳答案 x,(y,z)=1,*[2,3]右侧的splat*是内联扩展的，所以它等同于:x,(y,z)=1,2,3左边带括号的列表被视为嵌套赋值，所以它等价于:x=1y,z=23被丢弃，而z被分配给nil。 关于ruby-带括号和splat运算符的并行赋值，我们在StackOverflow上找到一个类似的问题： https://stackoverflow

  6. ruby - 定义自定义 Ruby 运算符 - 2

    问题是:除了在“OperatorExpressions”？例如:1%!2 最佳答案 是的，可以创建自定义运算符，但有一些注意事项。Ruby本身并不直接支持它，但是superatorsgem做了一个巧妙的把戏，将运算符链接在一起。这允许您创建自己的运算符，但有一些限制:$geminstallsuperators19然后:require'superators19'classArraysuperator"%~"do|operand|"#{self}percent-tilde#{operand}"endendputs[1]%~[2]#Out

  7. ruby - Ruby 中 <=> 运算符的名称是什么？他们怎么调用它？ - 2

    在Ruby中有运算符(operator)。在API中，他们没有命名它的名字，只是:Theclassmustdefinetheoperator...Comparableusestoimplementtheconventionalcomparison......theobjectsinthecollectionmustalsoimplementameaningfuloperator...它叫什么名字？ 最佳答案 参见上面的@Tony。然而，它也被称为(俚语)“宇宙飞船运算符(operator)”。

  8. ruby - 将运算符传递给函数？ - 2

    也许这听起来很荒谬，但我想知道这对Ruby是否可行？基本上我有一个功能...defadda,bc=a+breturncend我希望能够将“+”或其他运算符(例如“-”)传递给函数，这样它就类似于...defsuma,b,operatorc=aoperatorbreturncend这可能吗？ 最佳答案 两种可能性:以方法/算子名作为符号:defsuma,b,operatora.send(operator,b)endsum42,23,:+或者更通用的解决方案:采取一个block:defsuma,byielda,bendsum42,23,

  9. ruby - OR 运算符和 Ruby where 子句 - 2

    可能真的很简单，但我很难在网上找到关于这个的文档我在Ruby中有两个activerecord查询，我想通过OR运算符连接在一起@pro=Project.where(:manager_user_id=>current_user.id)@proa=Project.where(:account_manager=>current_user.id)我是ruby​​的新手，但我自己尝试使用||@pro=Project.where(:manager_user_id=>current_user.id||:account_manager=>current_user.id)这没有用，所以1.我想知道如何在

  10. ruby - Ruby 中字符串运算符 + 和 << 的区别 - 2

    我是Ruby和这个网站的新手。下面两个函数是不同的，一个在函数外修改变量，一个不修改。defm1(x)x我想确保我理解正确-当调用m1时，对str的引用被复制并传递给将其视为x的函数。运算符当调用m2时，对str的引用被复制并传递给将其视为x的函数。运算符+创建一个新字符串，赋值x=x+"4"只是将x重定向到新字符串，而原始str变量保持不变。对吧？谢谢 最佳答案 String#+::str+other_str→new_strConcatenation—ReturnsanewStringcontainingother_strconc

随机推荐