JavaScript 第十七章（深入理解操作符）

在JavaScript中，操作符是编程的基石，它们用于执行各种操作，如算术运算、逻辑判断和值比较。操作符的种类多样，包括一元操作符、二元操作符和三元操作符。掌握这些操作符的用法对于编写高效、可读性强的代码至关重要。

一元操作符

一元操作符是只需要一个操作数的操作符。它们用于执行各种单一操作，如数值的取反、类型转换或变量的递增和递减。

+操作符可以将字符串转换为数字，这是一种快速的类型转换方法。当你有一个数字的字符串表示时，这个操作符非常有用。例如：

// 一元加号操作符转换字符串为数字
let stringValue = "123";
let numericValue = +stringValue; // 结果为数字123

-操作符除了可以作为二元减法操作符外，还可以作为一元操作符来取一个数的相反数。这是一个简单的示例：

// 一元负号操作符取反数值
let positiveNumber = 5;
let negativeNumber = -positiveNumber; // 结果为-5

++操作符用于将数值递增1。它可以作为前缀或后缀使用，但是它们的行为略有不同。作为前缀时，它会先递增然后返回值；作为后缀时，它会先返回值然后递增。下面是两个示例：

// 前缀递增操作符
let count = 0;
let newCount = ++count; // count和newCount都为1

// 后缀递增操作符
let originalCount = 0;
let returnedCount = originalCount++; // returnedCount为0，originalCount为1

--操作符与++操作符类似，但用于递减数值。同样地，它也有前缀和后缀两种形式。这里是一个递减的示例：

// 前缀递减操作符
let number = 3;
let decreased = --number; // number和decreased都为2

// 后缀递减操作符
let startNumber = 3;
let postDecreased = startNumber--; // postDecreased为3，startNumber为2

!操作符用于取逻辑非，将真值转换为false，将假值转换为true。这是一个常见的操作符，用于逻辑判断和条件语句中。例如：

// 逻辑非操作符
let truthyValue = true;
let falsyValue = !truthyValue; // 结果为false

typeof操作符用于确定一个变量或表达式的类型。这个操作符返回一个表示类型的字符串。例如：

// typeof操作符确定类型
let variable = "Hello, world!";
let type = typeof variable; // 结果为"string"

void操作符用于执行表达式而不返回任何值。这通常用于在不影响表达式结果的情况下，执行某些操作。例如：

// void操作符
let sideEffect = 0;
void (sideEffect = 1); // sideEffect变为1，但整个表达式的结果为undefined

delete操作符用于删除对象的属性。如果删除成功，或者属性不存在，它会返回true。这是一个删除对象属性的示例：

// delete操作符删除对象属性
let myObject = { property: "value" };
delete myObject.property; // 返回true，myObject现在没有property属性

二元操作符

二元运算符是一种使用两个操作数的运算符，它执行各种算术和逻辑运算。这些运算符对于执行数学计算、比较操作和逻辑操作至关重要。下面，我们将逐一探讨每个二元运算符的用法和功能。

算术运算符用于执行基本的数学运算，如加法、减法、乘法和除法。

加法运算符（+）用于将两个数值相加。当与字符串一起使用时，它将执行字符串连接操作。

let sum = 10 + 5; // 结果是15
let message = "Hello, " + "world!"; // 结果是"Hello, world!"
let sum = "10" + "5"; // 结果是"15"

减法运算符（-）从第一个操作数中减去第二个操作数。

let difference = 10 - 5; // 结果是5

乘法运算符（*）用于计算两个数值的乘积。

let product = 10 * 5; // 结果是50

除法运算符（/）用于将第一个操作数除以第二个操作数。

let quotient = 10 / 5; // 结果是2

取模运算符（%）返回两个数相除后的余数。

let remainder = 10 % 3; // 结果是1

运算符用于比较两个值，并返回一个布尔值（true或false）。

等于运算符（==）检查两个操作数的值是否相等，不考虑类型。

let isEqual = '5' == 5; // 结果是true

严格等于运算符（===）检查两个操作数的值和类型是否都相等。

let isStrictlyEqual = '5' === 5; // 结果是false

不等于运算符（!=）检查两个操作数的值是否不相等，不考虑类型。

let isNotEqual = '5' != 5; // 结果是false

严格不等于运算符（!==）检查两个操作数的值和类型是否都不相等。

let isStrictlyNotEqual = '5' !== 5; // 结果是true

大于运算符（>）检查左侧操作数是否大于右侧操作数。

let isGreaterThan = 10 > 5; // 结果是true

小于运算符（<）检查左侧操作数是否小于右侧操作数。

let isLessThan = 10 < 5; // 结果是false

大于等于运算符（>=）检查左侧操作数是否大于或等于右侧操作数。

let isGreaterThanOrEqual = 10 >= 5; // 结果是true

小于等于运算符（<=）检查左侧操作数是否小于或等于右侧操作数。

let isLessThanOrEqual = 10 <= 5; // 结果是false

逻辑运算符用于组合多个条件。逻辑与（&&）和逻辑或（||）是最常用的逻辑二元运算符。

逻辑与运算符（&&）当两个操作数都为真时返回true。

let isAdultAndStudent = (age >= 18) && (isStudent === true); // 如果age大于等于18且isStudent为true，则结果为true

逻辑或运算符（||）当至少一个操作数为真时返回true。

let isAdultOrSenior = (age >= 18) || (age >= 65); // 如果age大于等于18或age大于等于65，则结果为true

三元操作符

三元运算符是一种非常简洁的条件表达式工具，它可以让我们在单行内完成一个if-else语句的工作。这个运算符由三个部分组成：一个条件表达式、一个问号（?）和一个冒号（:）。其基本的语法结构是 条件 ? 表达式1 : 表达式2。如果条件为真（truthy），则执行并返回表达式1的结果；如果条件为假（falsy），则执行并返回表达式2的结果。三元运算符非常适合用于赋值操作或者在需要简洁代码的场合。

让我们逐一看看三元运算符的不同用法。

1. 基本的条件赋值
   在最简单的形式中，三元运算符用于根据条件给变量赋不同的值。

let isLoggedIn = true;
let message = isLoggedIn ? 'Welcome back!' : 'Please log in.';
console.log(message); // 输出: 'Welcome back!'

2. 多个三元运算符嵌套
   三元运算符可以嵌套使用，以处理更复杂的条件逻辑。不过，嵌套过多可能会使代码难以阅读，因此建议谨慎使用。

let speed = 76;
let message = speed > 100 ? 'Too fast' : speed < 60 ? 'Too slow' : 'Good speed';
console.log(message); // 输出: 'Good speed'

3. 作为函数参数
   三元运算符的结果可以直接作为函数的参数，这使得在调用函数时可以根据条件传递不同的参数值。

function greet(user) {
  return `Hello, ${user}!`;
}

let userName = 'Alice';
let userGreeting = greet(userName ? userName : 'Guest');
console.log(userGreeting); // 输出: 'Hello, Alice!'

4. 在模板字符串中使用
   在ES6的模板字符串中，我们可以嵌入三元运算符，以根据条件动态更改字符串的内容。

let points = 120;
let reward = `You ${points > 100 ? 'have' : 'do not have'} enough points to redeem a prize.`;
console.log(reward); // 输出: 'You have enough points to redeem a prize.'

5. 处理null或undefined值
   三元运算符可以用来处理可能为null或undefined的变量，给它们提供一个默认值。

let userSettings = null;
let defaultSettings = { theme: 'dark' };
let currentSettings = userSettings ? userSettings : defaultSettings;
console.log(currentSettings); // 输出: { theme: 'dark' }

6. 简化小型条件语句
   对于简单的条件语句，使用三元运算符可以使代码更加简洁。

let age = 20;
let beverage = age >= 21 ? 'Beer' : 'Juice';
console.log(beverage); // 输出: 'Juice'

三元运算符的使用可以大大简化代码，但是要注意不要过度使用，尤其是在嵌套的情况下，以免降低代码的可读性。

操作符的优先级

操作符的优先级决定了它们在没有圆括号的情况下的执行顺序。例如，乘法操作符(*)的优先级高于加法操作符(+)，因此在下面的表达式中，乘法会先执行：

// 操作符优先级示例
let calculation = 2 + 4 * 10; // 结果为42，而不是60

使用圆括号可以改变这个默认的优先级，使得加法先于乘法执行：

// 使用圆括号改变优先级
let calculationWithParentheses = (2 + 4) * 10; // 结果为60

赋值操作符

赋值操作符(=)用于将值赋给变量。它具有副作用，因为它会改变变量的值。在下面的示例中，我们看到变量value的值被更新：

// 赋值操作符示例
let value = 10;
value += 5; // value现在为15，等同于value = value + 5;

操作符的结合性

操作符的结合性决定了相同优先级的操作符的执行顺序。赋值操作符(=)具有右结合性，这意味着当多个赋值操作符出现在同一行代码中时，赋值将从右向左进行：

// 结合性示例
let a, b, c;
a = b = c = 5; // a, b, c的值都被设置为5

操作数类型转换

操作数类型转换是JavaScript的一个重要特性，它允许操作符在执行操作前将操作数转换为适当的类型。例如，加号(+)操作符可以用于数值相加，也可以用于字符串连接。下面的示例展示了字符串连接：

// 操作数类型转换示例
let stringConcatenation = "Hello, " + "world!"; // 结果为"Hello, world!"

操作符的求值顺序

操作符的求值顺序通常是从左到右。这在操作符有副作用时尤其重要，因为它可能会影响其他表达式的结果。在下面的示例中，我们可以看到递增操作符(++)如何影响求值顺序：

// 求值顺序示例
let x = 1;
let y = 2;
let z = x + y++; // x先与y相加得到3，然后y递增为3，z的值为3