XFE 技术 生活 笔记 文集

JavaScript操作符类型

🔖 技术 👀 19 🕒 2019-04-18 👨‍🎓 XFE/Peter

此为第一份《JavaScript高级程序设计》读书笔记,故而操作符只涉及到ES5,ES6部分,将在阅读完ES6之后补充上

所有示例结果均在chrome运行验证,后期将在补充更多浏览器验证结果

阅读打卡:

  1. 2018年8月4日06:39:13 周六
  2. 2018年8月21日08:09:34 周二

一元操作符

概念: 只能操作一个值的操作符叫做一元操作符

  • 递增(++)操作符
    基本操作
    var age = 29;
    ++age
    //30

值为整数的字符串

值为浮点的字符串

  • 递减操作符
    基本操作
    var age = 29;
    --age
    //28
var age = 29;
var newAge = age--
console.log(newAge) //29
  • 在应用于一个包含有效数字字符的字符串时,先将其转换为数字值,再执行加减 1 的操作。字符串变量变成数值变量。
  • 在应用于一个不包含有效数字字符的字符串时,将变量的值设置为 NaN (第 4 章将详细讨论)。
  • 字符串变量变成数值变量。
  • 在应用于布尔值 false 时,先将其转换为 0 再执行加减 1 的操作。布尔值变量变成数值变量。
  • 在应用于布尔值 true 时,先将其转换为 1 再执行加减 1 的操作。布尔值变量变成数值变量。
  • 在应用于浮点数值时,执行加减 1 的操作。
  • 在应用于对象时,先调用对象的 valueOf() 方法(第 5 章将详细讨论)以取得一个可供操作的值。然后对该值应用前述规则。如果结果是 NaN ,则在调用 toString() 方法后再应用前述规则。对象变量变成数值变量

以上均摘自高程,但是在实际运算中一是将要运算的值,放到 Number 构造函数中,然后再用得到的值进行运算,下面的例子可以证明:

  • Object

一元递增和递减操作符,分为前置和后置
前置递增(或递减)操作符,会在当前表达式或者语句运行之前执行递增(或递减)操作
后置递增(或递减)操作符,会在当前表达式或者语句运行之后执行递增(或递减)操作
后置操作演示

前置操作演示

位操作符

布尔操作符

乘性操作符

加性操作符

关系操作符

相等操作符

条件操作符

赋值操作符

逗号操作符