为了账号安全,请及时绑定邮箱和手机立即绑定

Javascript一些符号实用小技巧总结

标签:
JavaScript
  1. 利用非! !!简单的布尔值的隐式转换,

  var foo = 0, 
  bar = 1
  var baz = !foo // true
  or  var baz = !!foo // false
  
  var qux = !bar // false
  or  var qux = !!bar // true

多用于if...else...语句中条件表达式中, 下面是关于部分特殊值的隐式转换

值类型!!
undefinedfalse
0false
1true
nullfalse
''false
' 'false
非空字符true
......
  1. ||&& 的使用技巧
    “或 ||”: 遇到true就返回,全部为false才返回false
    “与 &&”: 遇到false就返回false, 全部为true才返回true

1 || 0 // true1 && 0 // false1 || 2 || 0 // 11 && 2 && 0 // 01 || 2 && 0 // 11 && 2 || 0 // 21 || 2 && 3 // 1

||在代码中经常用于赋值语句的降级处理

var data = dataByAjax || null

&&可用于条件判断,一些场景也可替代繁琐的if else语句,例如

isTrue && alert('Bingo!')// 相当于if(isTrue) {
  alert('Bingo!')
}

3.+ -等运算符
加号运算可以将数字类型的值转换成字符串,减号以及乘号*等都可以将字符串转换成数字类型的值

var foo = 1 + '0' // `10`typeof foo // 'string'var bar = ‘1’ - 0 // 1typeof bar // numberbar = '1' * 1 // 1typeof bar // number

加号还有个可人儿的用法,快速获取毫秒值

+new Date() === new Date().getTime() // true
  1. 其他运算符
    ~~这个符号用来代替Math.floor()

~~3.22 === Math.floor(3.22) // true

本文介绍的都是写实际业务开发过程中很实用的东西,这里既然说到了~~的用法,那有的童鞋会不会想,有~~那就肯定还有~吧!答案是肯定的

~2 === -3 // true~-1 === 0 // true~4 === -5 // true...

这个怎么回事儿呢?这里涉及到二进制数的运算规则

其实还有很多奇技淫巧,后面想起来的话会陆续添加。



作者:CoolBii
链接:https://www.jianshu.com/p/3927fc00e72d


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消