首页 > 其他分享 >js问号点的作用(?.)和问号问号(??)的用法

js问号点的作用(?.)和问号问号(??)的用法

时间:2022-11-11 15:55:08浏览次数:52  
标签:console log js xx obj 用法 data 问号

参考:https://blog.csdn.net/qq_44943717/article/details/109890133

js问号点的作用?.和??的用法

第一个:问号点 (?.)

来先看一段js

 `const obj = {
		hh:"xxx"
	}
	let res = obj?.data?.list` 


这个是什么操作呢??
这个data是哪里来的呢?这个list又是哪里来的呢?就算不是外面的obj这个对象里也没有data和list啊!!!经过询问大佬后得☞

 `let res = obj?.data?.list
<=等价=> let res = obj && obj.data && obj.data.list` 

作用就是判断这个对象(this.element)下的(businessObject)下的(value)下的(length)是否为null或者undefined,当其中一链为null或者undefined时就返回undefined,这样即使中间缺少一个属性也不会报错,双问号后面接的就是默认值。

`var obj ={}
console.log(obj?.a?.b ?? 233 ) //233
var obj={a:{b:1}}
console.log(obj?.a?.b??233) //1` 


`(⊙o⊙)哦,原来上面的代码是这样的` 


第二个:问号问号 (??)

这个又是什么鬼操作呢?
其实我都没有运用过

再来look一下js

`console.log(1 || "xx") 			//1
console.log(0 || "xx") 			//xx
console.log(null || "xx")		//xx
console.log(undefined || "xx")  //xx
console.log(-1 || "xx") 		//-1
console.log("" || "xx") 		//xx

console.log(1 ?? "xx")			//1
console.log(0 ?? "xx") 			//0
console.log(null ?? "xx") 		//xx
console.log(undefined ?? "xx")  //xx
console.log(-1 ?? "xx") 		//-1
console.log("" ?? "xx") 		//''` 


哦哦,原来这是赋默认值哦。。。。
不过他是忽0和空字符串等错误的值

标签:console,log,js,xx,obj,用法,data,问号
From: https://www.cnblogs.com/kuangke/p/16880697.html

相关文章

  • 动态sql(foreach)用法
    <selectid="getProjectEquipment"resultType="com.yeejoin.amos.boot.module.ugp.api.dto.ProjectResourceDto">SELECTequipment.name,equipment.`code`......
  • Gson解析Json实例
          研究GSON花费了我一天的时间,期间出现了各种问题,第一次可以理解嘛,不过还好在安卓开发交流22群几位大神的帮助和我极大的耐心一下终于搞出来了,多谢几位大神,这里......
  • HTML5 网页 3D 场景制作之 Three.js 初体验 - 制作 3D 字体
    前言在学习Three.js之前,我们先来了解WebGL,因为WebGL是Three.js的基础和规范.那什么是WebGL呢?WebGL(全写WebGraphicsLibrary)是一种3D绘图协议,这种绘图技术标准允许把Ja......
  • 3D银河系例子动画js特效
    3D银河系例子动画js特效安装好nodejs就可以运行了。三个文件,全部源代码。链接:https://pan.baidu.com/s/1LjXFDZ9ocKL6ArZb9QWWtg?pwd=0011提取码:0011 ......
  • pdf.js打开后的pdf文件
    可用pdf.js在h5打开pdf文件。注意,在本地打不开,一定要在部署环境。方法:<ahref="../../pdf/web/viewer.html?file=../../pdf/1.pdf"target="_blank">文件</a>最重要的是h......
  • Android实战--解析稍复杂JSON数据DEMO
    废话不多说,直接上代码,布局文件:<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_wid......
  • os.path.join() 用法
    参考源: (85条消息)os.path.join()用法_MclarenSenna的博客-CSDN博客_os.path.join os.path.join()函数用于路径拼接文件路径,可以传入多个路径。从后往前看,会从第一......
  • nextjs概述
    前言:nextjs是昨天真正开始了解,之前都是打酱油,原来这个框架是react,路由,参数传递,页面复用,服务端渲染等做得很好。 next.js作为一款轻量级的应用框架,主要用于构建静态网站......
  • fastjson1.2.47rce
    漏洞产生原因fastjson于1.2.24版本后增加了反序列化白名单,而在1.2.48以前的版本中,攻击者可以利用特殊构造的json字符串绕过白名单检测,成功执行任意命令。  环境搭建......
  • DevExpress的控件TextEdit只允许输入正整数用法记录
    在TextEdtit---->Properties—>MaskSettingsMaskType设置ExtendedRegularExpressionMaskExpression设置[0-9]*如图:......