当前位置: 首页 > Web前端 > JavaScript

使用&&判断的场景差异

时间:2023-03-27 00:58:43 JavaScript

最近在开发中发现了一个小差异。在我用&&判断元素是否存在的场景下,打开HTML结构可以看到元素中有一对空标签

,此时一旦涉及到弹框模型背景下的布局分配,就会占空间,视觉上看起来没有元素。其实类似场景下布局会分配更多的空间,所以我觉得在项目中有必要使用&&来区分场景,比如右下角弹出一个提示,这个是不存在的文档流可以使用&&判断占位符元素,但是对于涉及占位符的场景,为了安全起见,其他时候建议使用下面的三元运算符进行判断。//1。判断一个元素是否存在,存在则执行如下代码res&&this.setState({qrCode:res});//2.一般用于if判断等判断条件使用typeofurl==='string'&&url.length//3。判断元素是否存在{isCheck&&(button)}//判断元素是否存在的另一种方式(推荐){isCheck?(Button):null}