博客
关于我
4-22 JS运算符(算术、比较、布尔、二进制、点、void、逗号、优先级)
阅读量:228 次
发布时间:2019-02-28

本文共 1594 字,大约阅读时间需要 5 分钟。

算术运算符

1. 数字运算

  • 加减乘除:直接正常输入运算+ - * /

  • 余数:x % 7返回值是余数。

  • 特殊情况:如果一个数除以另一个数,结果小于除数,商为0,余数就是被除数本身。

  • 指数:x ** 3表示x的三次方。

  • 自增自减:x++++xx----x。每次操作只加减一个数字。

  • 注意:x在前时,表达式的值为前一个值;x在后时,值为后一个值。

  • 例如:x++等价于x = x + 1

  • 特殊案例:-1 % 7 = -1

  • 求值运算符:+x。加号后面跟任何数,会直接取其值。

  • 负数运算符:-x。取负数,负负得正。

2. 字符串运算

  • 连接:'123' + '456'
  • 注意:字符串运算只支持加法,不支持减法、乘法等其他运算。

3. 特殊技巧

  • JS加法运算如果遇到类型不匹配(如数字+字符串),会先转换为字符串再运算。
  • 若数字-字符串,JS会将字符串转为数字后再相减。

4. 忠告

  • 尽量少用自增自减,除非是for循环中的变量i++
  • 不要将不同类型的数据相加,如数字和字符串。

比较运算符

  • 常用比较运算符:><>=、<code<=、==!====!==
  • JS的三位一体:0 == []0 == '0'0 == '\t'
  • 注意:0 != []0 != '0'0 != '\t'
  • 内圈三个相等(如0、空数组[]、空字符串''),外圈三个不等。
  • 忠告:永远不要使用==,用===,避免类型转换带来的错误。
  • x === y的真值表:
    • 基本类型按值比较。
    • 对象按地址比较。
    • 类型不同,直接不等。
    • 特例:[] !== [](空数组地址不同)。
    • 特殊值:NAN !== NAN

布尔运算符

  • 逻辑运算:||(或)、&&(且)、!(非)。
  • 短路逻辑:
    • console && console.log && console.log('hi')等价于console?.log?('hi')
    • 用于防御性编程,确保对象存在时才执行代码。
  • 示例:a = a || 100,保底值为100。
  • 自定义函数示例:function add(n = 0) { return n + 1 }

二进制运算符(常考)

  • 位运算符:|(或)、&(与)、~(否)。
  • 异或:^
  • 左移:<<,右移:>>
  • 左移右移注意:
    • 左移:所有位左移1位,移出的位丢弃,补左边0。
    • 右移:所有位右移1位,移出的位丢弃,补右边0。
  • 特殊右移:>>>,行为与右移相同。
  • 常考题目:
    • 判断奇偶:偶数 & 1 = 0奇数 & 1 = 1
    • 取整:console.log(~~ 6.83) // 6
    • 右移:console.log(6.83 >> 0) // 6
    • 异或交换:a ^= b

点运算符

  • 语法:对象.属性名
  • 作用:读取或设置对象属性。-疑问:
    • 为什么数字可以用点运算符?
    • JS会将数字封装为对应的原型对象(如Number.prototype),然后调用方法。

空运算符

  • 语法:void expression
  • 作用:计算表达式后丢弃结果,返回undefined
  • 示例:void console.log('hi')

逗号运算符

  • 语法:表达式1, 表达式2, ..., 表达式n
  • 作用:返回最后一个表达式的值。
  • 示例:
    • let f = x => (console.log('hi'), x + 1)
    • 等价于:let f = x => { console.log('hi'); return x + 1 }

运算符优先级

  • 运算符优先级:
    • 乘除高于加减。
    • 运算符间从左到右依次执行。
  • 示例:
    • 1 + 2 * 3等价于(1 + 2) * 3
    • !a === 1等价于(!a) === 1
  • 左结合:
    • a = b = c = d等价于a = (b = (c = d))
  • 圆括号优先级最高,其他运算符按优先级顺序执行。

转载地址:http://xbvi.baihongyu.com/

你可能感兴趣的文章
Nginx下配置codeigniter框架方法
查看>>
nginx总结及使用Docker创建nginx教程
查看>>
nginx报错:the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx.conf:128
查看>>
nginx添加模块与https支持
查看>>
Nginx用户认证
查看>>
Nginx的Rewrite正则表达式,匹配非某单词
查看>>
Nginx的使用总结(一)
查看>>
Nginx的使用总结(二)
查看>>
Nginx的可视化神器nginx-gui的下载配置和使用
查看>>
Nginx的是什么?干什么用的?
查看>>
Nginx访问控制_登陆权限的控制(http_auth_basic_module)
查看>>
nginx负载均衡器处理session共享的几种方法(转)
查看>>
nginx负载均衡的5种策略(转载)
查看>>
nginx负载均衡的五种算法
查看>>
Nginx运维与实战(二)-Https配置
查看>>
Nginx配置ssl实现https
查看>>
Nginx配置TCP代理指南
查看>>
Nginx配置——不记录指定文件类型日志
查看>>
Nginx配置代理解决本地html进行ajax请求接口跨域问题
查看>>
Nginx配置参数中文说明
查看>>