<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <script type="text/javascript">

             //原视频讲解的不好，参考高级程序设计

             //前置递增

             var age = 29;

             ++age;

             console.log(age); //30

             //等同于

             var age = 29;

             age = age + 1;

             console.log(age); //30

             //前置递减和这个类似

             var age = 29;

             --age;

             console.log(age); //28

             //执行前置递减和递增操作时，变量的值都是在语句被求值以前改变的

             var age = 29;

             var anotherAge = --age + 2;

             console.log(age); //28

             console.log(anotherAge); 30

             //由于前置递减和递增操作与执行语句的优先级相等，因此整个语句会从左至右被求值

             var num1 = 2;

             var num2 = 20;

             var num3 = --num1 + num2;

             var num4 = num1 + num2;

             console.log(num3); //21

             console.log(num4); //21

             //zhou：通俗地说，前置就是先对自己加或减，把自己搞好了再去做其他的

             //----------------------------------------------------------------------------------------------------

             //后置递增和递减与前置递增和递减有一个非常重要的区别，即递增和递减操作是在包含它们的语句被求值之后才执行的

             //这个区别在某些情况下不是什么问题，例如：

             var age = 29;

             age++;

             console.log(age); //30

             //把递增操作符放在变量后面并不会改变语句的结果，因为递增是这条语句的唯一操作。

             //但是，当语句中还包含其他操作时，上述区别就会非常明显了，例如：

             var num1 = 2;

             var num2 = 20;

             var num3 = num1-- + num2;

             var num4 = num1 + num2;

             console.log(num3); //22

             console.log(num1); //1

             console.log(num4); //21

             //zhou：通俗地说，后置就是先去做其他的，等其他的搞好了，再对自己加或减

             var num1 = 2;

             var num2 = 20;

             var num3 = num1++ + num2;

             var num4 = num1 + num2;

             console.log(num3); //22

             console.log(num1); //3

             console.log(num4); //23

         </script>

     </head>

     <body>

     </body>

 </html>

JS基础_自增和自减的更多相关文章

  1. JS基础_自增自减练习

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. JS基础_运算符的优先级

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. JS基础_标识符

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. C++基础之自增和自减运算符的重载

    1. 格式 1.1 分为前置和后置格式: int x = 0; int y = 0; // 后置自增运算符 x++; // 前置自增运算符 ++x; // 后置自减运算符 y--; // 前置自减运算 ...

  5. JS基础_全局作用域

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. JS基础_函数的简介

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. JS基础_数组的遍历

    遍历:将数组中所有的元素都取出来 1.for循环 var arr = ["1","2","3"]; for(let i=0;i<arr ...

  8. JS基础_垃圾回收(GC)

    垃圾回收(GC) 程序运行过程中也会产生垃圾,这些垃圾积攒过多以后,会导致程序运行的速度过慢,所以我门需要一个垃圾回收的机制,来处理程序运行过程中产生的垃圾 当一个对象没有任何的变量或属性对它进行引用 ...

  9. JS基础_基本数据类型和引用数据类型

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

  1. html input复选框的checked属性

    input --checked: 只要复选框有checked属性,不管属性值为空或者为true or false或任意值,复选框都会被选中.切忌:checked属性值不要带引号 <input t ...

  2. 为了防止页面重新自动加载，可以给a标签设置href="javascript:void(0);"

    <a href="javascript:void(0);"></a> <!--按照格式要求,此处的0不能省略!! 虽然省略看上去也没什么影响.但是当发 ...

  3. ORACLE数据库实现自增的两种方式

    Mysql数据库因为其有自动+1,故一般我们不需要花费太多时间,直接用关键字auto_increment即可,但是Oracle不行,它没有自动增长机制.顾我们需要自己去实现.一般有两种方式,但是这两种 ...

  4. JDBC使用8.0驱动包连接mysql设置时区serverTimezone

    驱动包用的是新版 mysql-connector-java-8.0.16.jar新版的驱动类改成了com.mysql.cj.jdbc.Driver新版驱动连接url也有所改动I.指定时区 如果不设置时 ...

  5. css列表滑动防止被底部遮住和适配屏幕长一点的机型处理

    1.移动端处理列表滑动的时候,微信底下有自带的返回页面按钮,经常会被遮住,遇到屏幕长一点的,下面会短一大截,以下用此方法可以解决..container{ position:relative; back ...

  6. 浅析MySQL使用 GROUP BY 分组聚合与细分聚合

    原创文章,转载请注明出处:http://www.cnblogs.com/weix-l/p/7521278.html: 若有错误,请评论指出,谢谢! 1. 聚合函数(Aggregate Function ...

  7. Spring中抛出异常时，既要要返回错误信息，还要做事务回滚

    情况一:如果没有在程序中手动捕获异常,如下代码事务会回滚 情况二:如果在程序中自已捕获异常未往外抛,如下代码事务不会回滚 如果doDbStuff2()这个操作数据库的方法抛出异常,因为将异常捕获未往外 ...

  8. pycharm社区版对于django项目的创建

    学习django的基础的东西:python基础(虽然自己看了一遍,不过还有好多东西都是一知半解的,所以还要重复看,去加强自己的基础). 数据库SQL(自己也是对一些基础语句运用的不熟练,然后接下来的主 ...

  9. ansible之基础篇(三)

    setup ansible_all_ipv4_addresses # ipv4的所有地址 ansible_all_ipv6_addresses # ipv6的所有地址 ansible_date_tim ...

  10. Kubernetes-使用Helm安装istio

    添加istio库: helm repo add istio.io https://storage.googleapis.com/istio-release/releases/1.3.4/charts/ ...