ES 链式判断运算符 ?. | 非null非 undefined 判断 ?? | CSS inset

前言

记录日常工作、学习过程中碰到的小小新知识 —— 今日份新大陆

---

ES: 链式判断运算符 ?. （ES2020新特性）

看 Ant Design 源码的时候看到 onCancel?.(e); 这个写法，结合上下文推断是先判断有无再执行的意思，但不知道是哪来的写法，跑去群里一问得知，是 2020 新特性呀！😮 还有下面的 ??，这俩可太实用了，我得Mark 一下。

const street = user?.address?.street;
//等价于
const street = user && user.address && user.address.street;

ES: 非null、非 undefined 判断 ?? （ES2020新特性）

actualValue ?? defaultValue
//等价于
actualValue !== undefined && actualValue !== null ? actualValue : defaultValue

CSS: inset

这个，我本来是用了第二种写法的，到浏览器看效果的时候，发现 chrome 自动处理为 inset 的写法了 😝

.box{
	position:absolute;
	inset:0px
}
/*等价于*/
.box{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px
}

---

参考链接

ES11来了，还学得动吗？
tc39.es/ecma262