ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

js中“??“和“?.“怎么用?

2022-06-23 11:33:31  阅读:148  来源: 互联网

标签:怎么 null log js let 操作符 first undefined


??:空值合并操作符
逻辑操作符,左侧为null和undefined时,才返回右侧的数

const sum = null ?? 12
console.log(sum);
//输出12

const sum1 = 12 ?? 23
console.log(sum1);
//输出12

const sum2 = undefined ?? 12
console.log(sum2);
//输出12

?. :可选链操作符
可以读取位于连接对象链深处属性的值,不必明确验证链中的每个引用是否有效
功能类似于“.” 链式操作符,不同之处在于,在引用为空null 或者 undefined 的情况下不会引起错误,该表达式短路返回值是 undefined
与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。

const fa = {
name: 'lming',
son: {
name: 'lqq'
}
};
const duc = fa.duc?.name;
console.log(duc);
//输出undefined

使用:
1.获取一个对象更深层次的属性,即obj中的first属性下的second属性。
为了避免报错, 获取之前要判断first属性是否为null或者undefined,在获取second属性
使用“与”运算符

let num = obj.first && obj.first.second;

使用?.可选链操作符

let num = obj.first?.second;

可选链与函数调用
调用一个可能不存在的方法时,如果被调用的方法不存在,使用可选链可以使表达式自动返回undefined而不是抛出一个异常

let result = someInterface.customMethod?.();

注:如果存在一个属性名且不是函数, 使用 ?. 仍然会产生一个 TypeError 异常 (x.y is not a function).

使用空值合并操作符
let customer = {
name: "Carl",
details: { age: 82 }
};
let customerCity = customer?.city ?? "暗之城";
console.log(customerCity); // “暗之城”

短路计算
let a = null;
let x = 0;
let prop = a?.[x++];
console.log(x); // x 将不会被递增,依旧输出 0

标签:怎么,null,log,js,let,操作符,first,undefined
来源: https://www.cnblogs.com/houxianzhou/p/16404560.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有