美文网首页
06-JavaScript基础-赋值运算和自增自减

06-JavaScript基础-赋值运算和自增自减

作者: 雪妮爸爸 | 来源:发表于2018-10-26 11:10 被阅读0次

    赋值运算符
    简单赋值运算符: =
    复合赋值运算符: +=、-=、*=、/=、%=
    简单赋值运算符
    格式: 变量 = 数据;
    // 将等号右边的常量10赋值给左边的变量num
    var num = 10;

    // 将等号右边的变量num中存储的值赋值给左边的变量value
    var value = num;
    赋值运算符左边只能是变量
    10 = 20; // 错误写法
    var num = 10;
    20 = num; // 错误写法
    多个赋值运算符可以组成 赋值表达式, 赋值表达式具备右结合性
    // 从右至左计算
    // 先将10赋值给变量c, 然后将变量c中存储的值赋值给变量b
    // 然后将变量b中存储的值赋值给变量a, 最后a,b,c存储的都是10
    a = b = c = 10;
    复合赋值运算符:

    += 加后赋值 变量+=表达式 如:a+=3;即a=a+3
    -= 减后赋值 变量-=表达式 如:a-=3;即a=a-3
    = 乘后赋值 变量=表达式 如:a=3;即a=a3
    /= 除后赋值 变量/=表达式 如:a/=3;即a=a/3
    %= 取模后赋值 变量%=表达式 如:a%=3;即a=a%3
    复合赋值表达式运算

    格式: 变量 复合赋值运算符 表达式; 如: a *= 1 + 2;
    由于赋值运算符是右结合性, 所以会先计算等号右边, 然后再进行复合运算
    var value = 5;
    value *= 2 - 2; // 等价于 value = 5 * (2 - 2);
    console.log(value); // 0
    // 设想如果先计算复合运算符结果是什么?
    value = (5 * 2) - 2 = 10 - 2 = 8
    自增运算符
    自增、自减运算符介绍

    在程序设计中,经常遇到“i=i+1”和“i=i-1”这两种极为常用的操作。
    JavaScript语言为这种操作提供了两个更为简洁的运算符,即++和--,分别叫做自增运算符和自减运算符。
    自增、自减运算符求值过程

    无论运算符号在前还是在后, 变量在自身基础上都会改变
    var num = 1;
    num++; // 等价于 num = num + 1;
    console.log(num); // 2

    num = 1;
    ++num;
    console.log(num); // 2

    num = 1;
    num--; // 等价于 num = num - 1;
    console.log(num); // 0

    num = 1;
    --num;
    console.log(num); // 0
    后缀表达式:x++, x--; 先用x的当前值作为表达式的值,再进行自增自减1运算。即“先用 后变”,也就是先用变量的值参与运算,变量的值再进行自增自减变化。
    var a, b;
    a = 10;
    b = 20;
    // ++ 在后, 变量先参与其它运算, 然后再自增
    var res = (a++) + (b++);
    console.log(res); // 30

    a = 10;
    b = 20;
    // -- 在后, 变量先参与其它运算, 然后再自减
    res = (a--) + (b--);
    console.log(res); // 30
    console.log(a); // 9
    console.log(b); // 19
    前缀表达式:++x, --x; 其中x表示变量名,先完成变量的自增自减1运算,再用x的值作为表 达式的值;即“先变后用”,也就是变量的值先变,再用变量的值参与运算。
    var a, b;
    a = 10;
    b = 20;
    // ++ 在前, 变量先自增, 然后再参与其它运算
    res = (++a) + (++b);
    console.log(res); // 32
    console.log(a); // 11
    console.log(b); // 21

    a = 10;
    b = 20;
    // ++ 在前, 变量先自增, 然后再参与其它运算
    res = (--a) + (--b);
    console.log(res); // 28
    console.log(a); // 9
    console.log(b); // 19
    练习
    求i和j最后的结果
    i=1;
    i++;
    j = i++ ;
    j =++i ;
    j = i--;
    求p和q最后的结果
    var i = 5, j = 5, p, q;
    p=i++ + i++ + i++;
    q = ++j + ++j+ ++j;

    作者:极客江南
    链接:https://www.jianshu.com/p/cd5c35d72215
    來源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

    相关文章

      网友评论

          本文标题:06-JavaScript基础-赋值运算和自增自减

          本文链接:https://www.haomeiwen.com/subject/fbjktqtx.html