-
可选链操作符(?.)
?.操作符的功能类似于 .链式操作符,但是不同之处在于,在引用为null或者undefined的情况下不会引起错误,该表达式短路返回值是undefined。与函数调用一起使用时,如果给定的函数不存在,则返回undefined。let nestedProp = obj.first && obj.first.second 等价于 let nestedProp = obj.first?.second
-
空值合并操作符(??)
一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。
与逻辑或操作符(||)不同,逻辑或操作符会在左侧操作数为假值时返回右侧操作数。const foo = null ?? 'default string'; console.log(foo); // expected output: "default string" const baz = 0 ?? 42; console.log(baz); // expected output: 0
var x = 0||1; //1 0意味着false,而后面1意味着true,那么上面的结果应该是true,而事实返回的结果是1 var x = ''||1; //1 前面''是false,后面1是true,返回结果是1 var x = ''||0; //0 前''是false,后面0同样是false,返回结果是0 var x = 2||1; //2 前面2是true,后面1也是true,返回结果是2 var x = 2||0; //2 前面2是true,后面0是false,返回结果是2
总结:
表达式中有条件为true的表达式,返回第一个条件为true的表达式的值。没有则返回最后一个表达式的值
1.只要||前面是false,则不管后面,都返回"||“后面的值。
2.只要||前面是true,则不管后面,都返回”||"前面的值。
表达式中有条件为false的表达式,返回第一个条件为false的表达式的值。没有则返回最后一个表达式的值
短路原理:
1、只要“&&”前面是false,则不管后面,结果都将返“&&”前面的值;
2、只要“&&”前面是true,则不管后面,结果都将返“&&”后面的值;