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...语句中条件表达式中, 下面是关于部分特殊值的隐式转换

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

1 || 2 || 0 // 1
1 && 2 && 0 // 0

1 || 2 && 0 // 1
1 && 2 || 0 // 2

1 || 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 // 1
typeof bar // number

bar = '1' * 1 // 1
typeof 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
...

这个怎么回事儿呢?这里涉及到二进制数的运算规则
具体想了解请参阅https://blog.csdn.net/u014291497/article/details/49927019

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 9,711评论 0 13
  • 一、Java 简介 Java是由Sun Microsystems公司于1995年5月推出的Java面向对象程序设计...
    子非鱼_t_阅读 9,820评论 1 44
  • FreeCodeCamp - Basic JavaScript 写在前面: 我曾经在进谷前刷过这一套题,不过当时只...
    付林恒阅读 16,552评论 5 28
  • 无数次 你将我捧在手心 都如同 第一次那般虔诚 你带着我 途经过许多小溪 告别过许多河流 然后你开始承诺 永不分离...
    白首为童心阅读 1,751评论 0 0
  • 今天突发奇想,弥补了昨天因为哆啦A梦而放弃的神奇女侠。 其实在这之前这部剧也并没有什么特别的了解,亦或...
    一千慕阅读 1,819评论 0 0

友情链接更多精彩内容