• JS赋值运算符详解

    赋值运算符左侧的操作数必须是变量、对象属性或数组元素,也称为左值。例如,下面的写法是错误的,因为左侧的值是一个固定的值,不允许操作。

    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

更多...

加载中...