Vue 中如何优雅的进行非空判断

cnbaby 发布于 2019/11/15 17:46
阅读 533
收藏 0

我现在项目中有两种写法,但是都不太好。

  • 第一种

    这种写法判断倒是没有问题,但是每次这样写很烦,而且太low了
  • 第二种

    这种写法,似乎又不能判断 undefined ,就更烦了。

所以在前端,或者在Vue里,有没有比较好的,比较优雅的非空判断呢 ?

加载中
1
jump--jump
jump--jump

falsy 值 (虚值) 是在 Boolean 上下文中认定为 false 的值。 

false

''  

null 

undefined

 NaN

其他均为 truthy(真值)。在js中字符串不可变且是基本数据类型。

空字符串也是虚值,直接这样就行了啊 —— if(!this.key)。 如果是字符类型,都可以这样判断

其他类型有 Array.isArray Number.isNaN 等原生的方法。

参考 https://developer.mozilla.org/zh-CN/docs/Glossary/Falsy

1
前端大师傅
前端大师傅

这个简单,写个闭包就可以了,看代码:

undefined == this || !this.key ||(()=>{/*在这里执行key有值的操作*/})();
0
明天以后
明天以后

封装工具类呗

0
kakai
kakai

js判断null和undefined直接就是 if(!this.key),还得判断空字符串那就只能 if(!this.key && this.key!='')这样了

jump--jump
jump--jump
空字符串不是 falsy 吗,真的需要这样吗?
0
返回顶部
顶部
天津时时彩