JavaScript 操作符

最新推荐文章于 2023-12-29 14:59:05 发布

原创最新推荐文章于 2023-12-29 14:59:05 发布 · 215 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

本文详细介绍了ECMAScript中的一元操作符，包括递增和递减操作符的前缀和后缀版本，以及它们在不同数据类型上的应用。此外，还涵盖了其他一元加和减操作符的用法和转换规则，帮助理解它们在不同类型值上的行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

操作符  

ECMA-262 描述了一组可用于操作数据值的操作符，包括数学操作符(如加、减)、位操作符、关系操作符和相等操作符等。ECMAScript 中的操作符是独特的，因为它们可用于各种值，包括字符串、数值、布尔值，甚至还有对象。在应用给对象时，操作符通常会调用 valueOf()和/或 toString()方法来取得可以计算的值。  

1、一元操作符 

只操作一个值的操作符叫一元操作符(unary operator)。一元操作符是 ECMAScript 中最简单的操作符。  

递增和递减操作符直接照搬自 C 语言，但有两个版本:前缀版和后缀版。顾名思义，前缀版就是位于要操作的变量前头，后缀版就是位于要操作的变量后头。前缀递增操作符会给数值加 1，把两个加号(++)放到变量前头即可:

let age = 29;

++age;

在这个例子中，前缀递增操作符把 age 的值变成了 30(给之前的值 29 加 1)。因此，它实际上等于如下表达式:

let age = 29;

age = age + 1;

前缀递减操作符也类似，只不过是从一个数值减 1。使用前缀递减操作符，只要把两个减号(--) 放到变量前头即可:

let age = 29;

--age;

执行操作后，变量 age 的值变成了 28(从 29 减 1)。

无论使用前缀递增还是前缀递减操作符，变量的值都会在语句被求值之前改变。(在计算机科学中，这通常被称为具有副作用。)请看下面的例子:

let age = 29;

let anotherAge = --age + 2;

console.log(age); // 28

console.log(anotherAge); // 30

在这个例子中，变量 anotherAge 以 age 减 1 后的值再加 2 进行初始化。因为递减操作先发生，所以 age 的值先变成 28，然后再加 2，结果是 30。

前缀递增和递减在语句中的优先级是相等的，因此会从左到右依次求值。比如:

let num1 = 2;

let num2 = 20; 

let num3 = --num1 + num2;

 let num4 = num1 + num2;

console.log(num3); // 21

console.log(num4); // 21

这里，num3 等于 21 是因为 num1 先减 1 之后才加 num2。变量 num4 也是 21，那是因为加法使用的也是递减后的值。

递增和递减的后缀版语法一样(分别是++和--)，只不过要放在变量后面。后缀版与前缀版的主要区别在于，后缀版递增和递减在语句被求值后才发生。在某些情况下，这种差异没什么影响，比如:

let age = 29; 12 age++;

把递增操作符放到变量后面不会改变语句执行的结果，因为递增是唯一的操作。可是，在跟其他操作混合时，差异就会变明显，比如:

let num1 = 2;

 let num2 = 20; 

let num3 = num1-- + num2;

let num4 = num1 + num2;

console.log(num3); // 22

console.log(num4); // 21

这个例子跟前面的那个一样，只是把前缀递减改成了后缀递减，区别很明显。在使用前缀版的例子中，num3 和 num4 的值都是 21。而在这个例子中，num3 的值是 22，num4 的值是 21。这里的不同之处在于，计算 num3 时使用的是 num1 的原始值(2)，而计算 num4 时使用的是 num1 递减后的值(1)。