JavaScript 操作符及语句详解

• 📢 大家好，我是小丞同学，最近在刷红宝书，这是一篇学习笔记
• 📢 愿你我一起在这肆意生活里大放光彩
• 这是阅读《JavaScript高级程序设计（第四版）》的第三天，本书已阅读 82/865

第三章真的好多，但是有些又很基础有点乏味，最近有点事又很忙，呜呜~更文慢了所以分了2部分来写，不然上一篇要拖好久了

~做了个丑丑的封面~

第三章：语言基础（续）

3.5 操作符

3.5.1 一元操作符

只能操作一个值的操作符叫一元操作符

1. 递增递减操作符

前置型：++(--)值先递增（递减），后执行语句

后置型：值++(–) 先使用值执行语句，再递增（递减）

i++
++i

注意：布尔值++时 false 会变成 1

在应用于对象时，先调用对象的valueOf()方法来取得一个可供操作的值，然后在对该值调用前述规则。如果结果是NaN，则在调用toString()方法后再应用前述规则

2. 一元加和减操作符

当加的值是非数值时，则会执行与使用 Number()转型函数一样的类型转换

一元减同理

let str = "ljc";
str = -str; //NaN

3.5.2 位操作符

1. 位操作符用于最基本的层次上，即按内存中表示数值的位来操作数值。
2. JavaScript 中所有的数值都以 64 位格式储存，但位操作符并不直接操作 64 位的值。而是现将 64 位的值转换成 32 位的整数，然后执行操作，最后将结果转回 64 位
3. 计算一个数的二进制补码的步骤：
   1. 求这个数值绝对值的二进制码
   2. 求二进制反码，0和1互换
   3. 得到的二进制反码加1

1. 按位非

用按位非操作符（~），执行按位非的结果就是数值的反码

也可以理解为操作数的负数再减1

let num1 = 25;
let num2 = ~num1; // -26

2. 按位与

用按位与操作符（&），操作两个数，将两个数的二进制比对，同时为1的位数才为1

let result = 25 &  3;
// 结果为 1

3. 按位或

用按位或操作符（|），操作两个数，有 1 则 1

let result = 25 | 3;
// 结果为27

4. 按位异或

用按位异或操作符（^），操作两个数，当两位都不同才为 1

let result = 25 ^ 3;
// 结果为 26

5. 左移

用左移操作符（<<）

• 左移操作后，会以0来填充右侧的空位
• 左移不会影响操作数的符号位

6. 有符号右移

右移操作符（>>）

怎么理解呢？

我是这么理解的，右移，左边补0，把右边的值挤出了32个位置

7. 无符号右移

无符号右移（>>>）

对于负数，太难了

似乎是将反码的值当成右移前的初值，再正常移

3.5.3 布尔操作符

1. 逻辑非

逻辑非操作符（!）

• !NaN 返回 true
• !null 返回 true
• !undefined 返回 true

2. 逻辑与

逻辑与操作符（&&），操作两个值，同为true才为true

• 如果第一个操作数是对象，则返回第二个操作数。

• 如果第二个操作数是对象，则只有第一个操作数求值为 true 才会返回该对象。

• 如果两个操作数都是对象，则返回第二个操作数。

• 如果有一个操作数是 null，则返回 null。

• 如果有一个操作数是 NaN，则返回 NaN。

• 如果有一个操作数是 undefined，则返回 undefined。

3. 逻辑或

逻辑或操作符（||），有true则true

3.5.4 乘性操作符

如果参与乘性计算的某个操作数不是数值，后台会先使用Number()转型函数将其转化为数值。即空字符串被当做 0 ，布尔值 true被当做为 1

1. 乘法（*）

乘法运算

• 如果Infinity与0相乘，则结果是NaN

• 如果Infinity与非0数值相乘，则结果是Infinity或-Infinity，取决于有符号操作数的符号

2. 除法（/）

• 如果是零被零除，则结果是NaN

• 如果是Infinity被任何非零数值除，则结果是Infinity或-Infinity，取决于有符号操作数的符号

3. 求模（%）

求模操作符

3.5.5 指数操作符

采用Math.pow

console.log(Math.pow(3, 2); // 9

3.5.6 加性操作符

1. 加法（+）

2. 减法（-）

3.5.7 关系操作符

• 如果操作数都是字符串，则逐个比较字符串中对应字符的编码
• 如果有任一操作数是对象，则调用其 valueOf() 方法，取得结果后再根据前面的规则执行比较。
• 如果没有 valueOf() 操作符，则调用 toString() 方法，取得结果后再根据前面的规则执行比较。
• 如果有任一操作数是布尔值，则将其转换为数值再执行比较。

let result = "Brick" < "alphabet"; // true

3.5.8 相等操作符

1. 等于和不等于

2. 全等和不全等

判断全等还会比较数据类型是否相等

let result2 = ("55" === 55); // false，不相等，因为数据类型不同

3.5.9 条件操作符

就是三元运算符（?::）

let variable = boolean_expression ? true_value : false_value;

当第一个表达式为真时，variable的值为true_value，为假则为false_value

3.5.10 赋值操作符

• 乘后赋值（*=）

• 除后赋值（/=）

• 取模后赋值（%=）

• 加后赋值（+=）

• 减后赋值（-=）

• 左移后赋值（<<=）

• 右移后赋值（>>=）

• 无符号右移后赋值（>>>=）

3.5.11 逗号操作符

这个东西基本不用但是一些坏蛋面试题里会有

逗号操作符总会返回表达式中的最后一项

let num = (5, 1, 4, 8, 0); // num 的值为 0

3.6 语句

3.6.1 if 语句

if (condition) statement1 else statement2

3.6.2 do-while 语句

循环体内的代码至少执行一次

// 只要i 小于10，循环就会重复执行。i 从 0 开始，每次循环递增 1。
let i = 0;
do {
	i += 1;
} while (i < 10);

3.6.3 while 语句

// 变量i 从0 开始，每次循环递增1。只要i 小于10，循环就会继续
let i = 0;
while (i < 10) {
	i += 1;
}

3.6.4 for 语句

先测试代码，进入循环前会先初始化代码

let count = 10;
for (let i = 0; i < count; i++) {
	console.log(i);
}

初始化，条件表达式，循环后表达式都不是必要的

for (;;) { // 无穷循环
	doSomething();
}

3.6.5 for-in 语句

1）遍历数组里的所有数组元素

2）遍历 JavaScript 对象的所有属性

for (index in object)
{
    statement
}

当遍历数组时，for in 循环的循环计数器是数组元素的索引值

3.6.6 for-of 语句

与 for-in 的本质区别在于，for-of 遍历的是数组或对象的属性值（value）

let arr = [1, '2', null, 3, undefined, '4'];
for(let i of arr){
    console.log(i);
}
// 1 2 null 3 undefined 4

3.6.7 标签语句

给 for 语句添加一个start标签，可以通过 break 语句跳到指定的标签位置

start: for (let i = 0; i < count; i++) { 
 console.log(i); 
}

3.6.8 break 和 continue 语句

outermost:for(){}
break outermost;

大概就是这样实现跳到指定位置

其他用法相同

3.6.9 with 语句

with 语句的用途是将代码作用域设置为特定的对象

let qs = location.search.substring(1); 
let hostName = location.hostname; 
let url = location.href;

等价于

with(location) { 
 let qs = search.substring(1); 
 let hostName = hostname; 
 let url = href; 
}

少写了一些代码，不推荐使用

3.6.10 switch 语句

switch 语句可以简化复杂的 if 语句

~放一个瞅瞅，看看语法~

let num = 25;
switch (true) {
	case num < 0:
		console.log("Less than 0.");
		break;
	case num >= 0 && num <= 10:
		console.log("Between 0 and 10.");
		break;
	case num > 10 && num <= 20:
		console.log("Between 10 and 20.");
		break;
	default:
		console.log("More than 20.");
}

switch 语句在比较每个条件的值时，会使用全等操作符，因此不会强制转换数据类型（比如，字符串"10"不等于数值10）。

3.7 函数

这里的函数只是简单的用法，没什么好说的，到第十章有专题

不指定返回值的函数实际上会返回特殊值 undefined。