前端工作小技巧

40 阅读1分钟

空值合并操作符(??)

1、 ??运算符类似于||,但是又有区别

?? 左侧为undefined、null则返回右侧,否则返回左侧
|| 左侧为undefined、null、“”、NaN、0、false则返回右侧,否则返回左侧

image.png

2、??的用途

输入框的非空判断,不需要把0当成false来用,所以用||有些冗余,用??更合适

image.png

可选链操作符(?.)

可选链操作符:功能类似于.,相当于当左侧存在才接着走下去,否则就返回undefined

用途1:访问未定义的方法

image.png

逻辑空赋值(??=)

逻辑空赋值:当左侧为null和undfined时,才进行右侧的赋值

image.png