Javascript中的&&操作符和三元表达式问题小结

最近使用操作符的过程中，发现逻辑判断的时候使用 || 和 && 操作符进行判断时，逻辑的严谨程度有问题，&& 操作符的 “短路”特性真是让人头疼，遇到这种情况我会先尝试使用括号的形式进行逻辑收缩控制，效果不是很理想，我最后都使用三元表达式来解决这个问题，不知道有没有对 && 操作符熟悉的小伙伴，请多多指点。

下面我列举几个例子来演示一下我平时的判断逻辑

在使用Vue的项目中需要根据值的判断显示某个元素

<div v-if="form.type == 1 && status == 1 || form.type > 1 || form.pics"></div>

其中type，status，pics变量来自Vuex中，页面中有操作status的commit方法，实际在修改完status后，值改变，但是页面没有隐藏对应的元素。

最后修改成了 三元表达式 解决了这个问题

<div v-if="form.type > 1 || form.pics || form.type == 1 ? ( status == 1 ? true : false ) : false "></div>

但是这样的表达式，比原来的简单逻辑判断变复杂了。代码不是很友好，不知道有没有更好的 && 判断解决这个问题。