zoukankan      html  css  js  c++  java
  • [Javascript权威指南笔记01]后自增/后自减运算符的副作用 和 运算符的结合性

    var a=1;

    一. 后自增运算符的副作用

    var b=5*a++; //b==5 ,a==1; 一直以为在这个语句中a的值应该一直都是1,在下一语句开始a才是自增后的值,通常情况下确实是这样,但是事实并非如此

    alert(a); //2

    ------------------

    var a=1;

    var b=(a++)+a; //b==3; (a++)==1,后自增运算符让计算该表达式后 a自增1,后面引用的a,都是自增后的值,所以 b=1+2;

    ~~~a++后自增表达式后 再引用的a都是自增后的值,若在同一条语句中 变量后自增,然后引用该变量则会产生副作用

    ------------------

    var a=1;

    var b=a+(a++); //b==1,a==1 等价于 b=1+1; 因为 a 在a++之前所以a还是1

    表达式的运算顺序是 1.b  , 2.a , 3.a++ , 4求和 5 赋值

    2. 运算符的结合性

    运算符的结合性是指同优先级的运算符的运算顺序

    一般运算符的结合性都是从左到右的 如: x=a+b-c ;

    但是也有从右到左的结合的运算符:一元运算符 赋值 和条件运算符 如:

    y= ~-x; //求负 取反 赋值

    y=x=a; // y=(x=a);

    y=cnd?a:cnd2?b:c; //y=cnd?a:(cnd2?b:c);

    条件运算符的结合性这个比较有用 可以让代码更加简洁,比如在addClass(obj,cls)这个函数中,要做2个判断:1.className是否为空 2.是否已包含待添加的cls

    function addClass(obj,cls){

     if(obj.className==''){obj.className=cls;}else if(obj.className.indexOf(cls)<0){ obj.className+=' '+cls;}

    }

    利用条件运算符的结合性 会更简洁一点

    function addClass(obj,cls){

     obj.className+=obj.className=='' ? cls : obj.className.indexOf(cls)<0 ? ' '+cls : '' ;

    }

  • 相关阅读:
    寒假学习报告05
    寒假学习报告04
    微信推送信息,支付宝支付接口
    Vue组件生成依赖文件,contentype
    redis之列表字典操作
    drf版本控制redis基础
    drf分页器,url控制器,解析器,响应器
    drf认证权限频率
    drf视图认证组件
    drf序列化组件
  • 原文地址:https://www.cnblogs.com/stephenykk/p/3023427.html
Copyright © 2011-2022 走看看