目录

JavaScript 赋值


JavaScript 赋值运算符

赋值运算符将值赋给 JavaScript 变量。

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

轮班分配运算符

Operator Example Same As
<<= x <<= y x = x << y
>>= x >>= y x = x >> y
>>>= x >>>= y x = x >>> y

按位赋值运算符

Operator Example Same As
&= x &= y x = x & y
^= x ^= y x = x ^ y
|= x |= y x = x | y

逻辑赋值运算符

Operator Example Same As
&&= x &&= y x = x && (x = y)
||= x ||= y x = x || (x = y)
??= x ??= y x = x ?? (x = y)

笔记

逻辑赋值运算符是ES2020


= 运算符

这个简单赋值运算符为变量赋值。

简单的作业示例

let x = 10;
亲自试一试 »
let x = 10 + y;
亲自试一试 »

+= 运算符

这个加法赋值运算符向变量添加一个值。

加法作业示例

let x = 10;
x += 5;
亲自试一试 »
let text = "Hello"; text += " World";
亲自试一试 »

-= 运算符

这个减法赋值运算符从变量中减去一个值。

减法作业 示例

let x = 10;
x -= 5;
亲自试一试 »

*= 运算符

这个乘法赋值运算符乘以一个变量。

乘法赋值示例

let x = 10;
x *= 5;
亲自试一试 »

**= 运算符

这个求幂赋值运算符计算变量的操作数次方。

求幂赋值 示例

let x = 10;
x **= 5;
亲自试一试 »

/= 运算符

这个除法赋值运算符除一个变量。

部门作业示例

let x = 10;
x /= 5;
亲自试一试 »

%= 运算符

这个余数赋值运算符将余数分配给变量。

余数赋值示例

let x = 10;
x %= 5;
亲自试一试 »


<<= 运算符

这个左移赋值运算符左移一个变量。

左移赋值示例

let x = -100;
x <<= 5;
亲自试一试 »

>>= 运算符

这个右移赋值运算符右移变量(有符号)。

右移赋值示例

let x = -100;
x >>= 5;
亲自试一试 »

>>>= 运算符

这个无符号右移赋值运算符右移变量(无符号)。

无符号右移赋值示例

let x = -100;
x >>>= 5;
亲自试一试 »

&= 运算符

这个按位与赋值运算符对两个操作数进行按位 AND 运算,并将结果赋给变量。

按位与赋值示例

let x = 10;
x &= 5;
亲自试一试 »

|= 运算符

这个按位或赋值运算符对两个操作数进行按位或运算,并将结果赋给变量。

按位或赋值示例

let x = 10;
x |= 5;
亲自试一试 »

^= 运算符

这个按位异或赋值运算符对两个操作数进行按位异或运算,并将结果赋给变量。

按位异或赋值示例

let x = 10;
x ^= 5;
亲自试一试 »

&&= 运算符

这个逻辑与赋值运算符用在两个值之间。

如果第一个值为 true,则分配第二个值。

逻辑与赋值示例

let x = 10;
x &&= 5;
亲自试一试 »

这个&&=运算符是一个ES2020特点


||= 运算符

这个逻辑或赋值运算符用在两个值之间。

如果第一个值为 false,则分配第二个值。

逻辑或赋值示例

let x = 10;
x ||= 5;
亲自试一试 »

这个||=运算符是一个ES2020特点


??= 运算符

这个空合并赋值运算符用在两个值之间。

如果第一个值未定义或为 null,则分配第二个值。

空合并赋值示例

let x;
x ??= 5;
亲自试一试 »

这个??=运算符是一个ES2020特点


通过练习测试一下

练习:

使用正确的赋值运算符这将导致x存在15(与...一样x = x + y)。

x = 10;
y = 5;
x  y;

开始练习