赋值运算符左侧的操作数必须是变量、对象属性或数组元素,也称为左值。例如,下面的写法是错误的,因为左侧的值是一个固定的值,不允许操作。
1 = 100; //返回错误
赋值运算有以下两种形式:
- 简单的赋值运算
=
:把等号右侧操作数的值直接复制给左侧的操作数,因此左侧操作数的值会发生变化。
- 附加操作的赋值运算:赋值之前先对右侧操作数执行某种操作,然后把运算结果复制给左侧操作数。具体说明如表所示。
赋值运算符 |
说明 |
示例 |
等效于 |
+= |
加法运算或连接操作并赋值 |
a += b |
a = a + b |
-= |
减法运算并赋值 |
a -= b |
a= a - b |
*= |
乘法运算并赋值 |
a *= b |
a = a * b |
/= |
除法运算并赋值 |
a /= b |
a = a / b |
%= |
取模运算并赋值 |
a %= b |
a = a % b |
<<= |
左移位运算并赋值 |
a <<= b |
a = a << b |
>>= |
右移位运算并赋值 |
a >>= b |
a = a >> b |
>>>= |
无符号右移位运算并赋值位 |
a >>>= b |
a = a >>> b |
&= |
位与运算并赋值 |
a &= b |
a = a & b |
\ |
= |
位或运算并赋值 |
a \ |
= b |
a = a \ |
= b |
^= |
位异或运算并赋值 |
a ^= b |
a = a ^ b |
示例1
使用赋值运算符设计复杂的连续赋值表达式。
var a = b = c = d = e = f = 100; //连续赋值
//在条件语句的小括号内进行连续赋值
for((a = b = 1;a < 5;a++) {console.log(a + "" + b)};)
赋值运算的结合性是从右向左,最右侧的赋值运算先执行,然后再向左赋值,以此类推,所以连续赋值运算不会引发异常。
示例2
在下面表达式中,逻辑与左侧的操作数是一个赋值表达式,右侧的操作数也是一个赋值表达式。但是左侧赋的值是一个简单值,右侧是把一个函数赋值给变量b。
var a;
console.log(a = 6 && (b = function(){
return a;
})()
);
在逻辑与运算中,左侧的赋值并没有真正的复制给变量 a,当逻辑与运算执行右侧的表达式时,该表达式是把一个函数赋值给变量 b,然后利用小括号运算符调用这个函数,返回变量 a 的值,结果并没有返回变量 a 的值 6,而是 undefined。
由于赋值运算作为表达式使用具有副作用,使用时要慎重,确保不会引发风险。对上面的表达式更安全的写法如下:
var a = 6; //定义并初始化变量a
b = function () { //定义函数对象b
return a;
}
console.log(a && b()); //逻辑与运算,根据a决定是否调用函数b