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

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

算术运算符

1. 数字运算

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

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

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

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

  • 自增自减:x++、++x、x--、--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/

你可能感兴趣的文章
Python函数运行的可执行文件的终端输出如何以一般方式静音?
查看>>
Python+Pytest+Allure+Git+Jenkins接口自动化框架
查看>>
python+pytest接口自动化 —— 参数关联
查看>>
python+pytest接口自动化 —— 参数关联
查看>>
Python+pytest接口自动化 —— 接口测试基础
查看>>
python+pytest接口自动化 —— 自动化用例编写思路 (使用pytest编写一个测试脚本)
查看>>
Python+pytest接口自动化之cookie绕过登录(保持登录状态)
查看>>
python+pytest接口自动化:接口测试
查看>>
Python+requests+unittest执行接口自动化测试详情
查看>>
Python+requests+unittest执行接口自动化测试详情
查看>>
python+requests+unittest执行自动化接口测试!
查看>>
Python+Requests编码识别Bug
查看>>
python函数编写_[零基础学python]传说中的函数编写条规
查看>>
Python+selenium —— UI自动化之鼠标操作
查看>>
python函数注释,参数后面加冒号:,函数后面的箭头→是什么?
查看>>
Python+Selenium+Threading进行兼容性测试
查看>>
Python+selenium+unittest的GUI自动化框架实现
查看>>
python函数拟合不规则曲线_Python计算&绘图——曲线拟合问题(转)
查看>>
python函数定义的基本格式_零基础学python-2.19 定义函数、调用函数与默认参数
查看>>
Python+Selenium之数据驱动测试的实现
查看>>