博客
关于我
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/

你可能感兴趣的文章
PyQt QString转成python stirng
查看>>
PyQt QToolButton在焦点时不更新图标
查看>>
PyQt 正确使用 emit() 和 pyqtSignal()
查看>>
PyQT-将文件复制到剪贴板
查看>>
PYQT.如何在QTableView中插入小部件
查看>>
PyQt4 代码在 PyQt5 (QHeaderView) 上不起作用
查看>>
PyQt4 到 PyQt5 ->mainFrame() 已弃用,需要修复才能加载网页
查看>>
PyQt4, class:mouseButtons用法
查看>>
PyQt4参考文档
查看>>
PyTorch Lightning:通过分布式训练扩展深度学习工作流
查看>>
PyQt5 - QThread:在线程仍在运行时被销毁
查看>>
PyQt5 - 如何从工作线程发出信号以通过 GUI 线程调用事件
查看>>
PyQt5 Designer 不工作:此应用程序无法启动,因为无法初始化 Qt 平台插件
查看>>
PyQt5 QLCNumber 没有更新
查看>>
PyQt5 TabWidget选项卡BarClicked TypeError:本机Qt信号不可调用
查看>>
PyQt5 从 PyQt4 转换信号代码
查看>>
PyQt5 和 asyncio:从永不完成的收益
查看>>
PyQt5 和 Django:如何使用 HTTP 请求(Multipart-form)上传图像?
查看>>
PyQt5 按钮运行功能和更新 LCD
查看>>
pyqt5 获取Qlabel中的图片并对其进行处理(包括Qimage转换为Mat)
查看>>