一、自增（++）

⑴什么是自增？

通过自增运算符可以使变量在自身的基础上加一；

对于一个变量自增以后，原变量的值会立即自增一；

示例：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>自增</title>

    <script>

        var a = 1;

        //使a自增1

        a++;

        console.log("a = " +a);

    </script>

</head>

<body>

</body>

</html>

结果：

⑵分类

1、后++（a++）

2、前++（++a）

⑶两者的相同点

无论是a++，还是++a，都会立即使原变量的值自增1。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>自增</title>

    <script>

        var a = 1;

        //使a自增1

        // a++;

        ++a;

        console.log("a = " +a);

    </script>

</head>

<body>

</body>

</html>

结果：

⑷两者的不同点

a++和++a的值不同。

①a++的值等于原变量的值（自增前的值）。

示例：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>a++</title>

    <script>

        var a = 1;

        console.log(a++);

        console.log("a = " +a);

    </script>

</head>

<body>

</body>

</html>

结果：

②++a的值等于原变量自增后的新值。

示例：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>++a</title>

    <script>

        var a = 1;

        console.log(++a);

        console.log("a = " +a);

    </script>

</head>

<body>

</body>

</html>

结果：

⑸不同点的小测验

第一个：a++测验

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>a++</title>

    <script>

        var a = 10;

        a++;

        console.log(a++);

        console.log("a = " +a);

    </script>

</head>

<body>

</body>

</html>

结果：

 解析：因为初始值a=10，经过a++，变成了11，在console.log(a++)中，a又进行自增1，所以a为12，a++为第一次自增的值，11.

第二个：++a测验

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>++a</title>

    <script>

        var b = 20;

        console.log(++b);

        console.log(++b);

        console.log("b = " +b);

    </script>

</head>

<body>

</body>

</html>

结果：

⑹综合测验

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>综合测验</title>

    <script>

        var d = 20;

        var result = d++ + ++d + d;

        console.log("result = " +result);

    </script>

</head>

<body>

</body>

</html>

结果：

 解析：首先d++为原值，也就是20；接着d++中的d自增一，变成了21，所以++d为22；++d中的d是由21+1得来的，也就是22.

所以：20+22+22=64.

二、自减（- -）

⑴什么是自减？

通过自减可以使变量在自身的基础上减一；

示例：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>自减</title>

    <script>

        var num = 10;

        num--;

        console.log("num = " +num);

    </script>

</head>

<body>

</body>

</html>

结果：

⑵分类

1、后- -（a--）

2、前- -（--a）

⑶两者的相同点

无论是a-- ，还是--a ，都会立即使原变量的值自减一；

示例：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>自减</title>

    <script>

        var num = 10;

        --num;

        console.log("num = " +num);

    </script>

</head>

<body>

</body>

</html>

结果：

⑷两者的不同点

a-- 和 --a的值不同。

①a- -是变量的原值（是自减前的值）；

示例：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>a--</title>

    <script>

        var num = 10;

        console.log(num--);

        console.log("num = " +num);

    </script>

</head>

<body>

</body>

</html>

结果：

②--a是原变量的新值（自减后的值）；

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>--a</title>

    <script>

        var num = 10;

        console.log(--num);

        console.log("num = " +num);

    </script>

</head>

<body>

</body>

</html>

结果：

三、综合小测试

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>综合测试</title>

    <script>

        var n1 = 10,n2 = 20;

        var n = n1++;

        console.log('n1 = ' +n1);

        n = ++n1;

        console.log('n = ' +n);

        console.log('n1 = ' +n1);

        n = n2--;

        console.log('n = ' +n);

        console.log('n2 = ' +n2);

        n = --n2;

        console.log('n = ' +n);

        console.log('n2 = ' +n2);

    </script>

</head>

<body>

</body>

</html>

结果：

 

怎么样，有没有算对呀，看完之后，就应该很明白自增和自减了吧，加油呀~~

JavaScript基础之变量的自增与自减的更多相关文章

  1. JavaScript基础——定义变量

    在JavaScript中使用变量来临时存储和访问来自JavaScript文件的数据.变量既可以指向简单的数据类型,如数字或者字符串:也可以指向更复杂的数据类型,比如对象. 在JavaScript中定义 ...

  2. javascript基础语法——变量和标识符

    × 目录 [1]定义 [2]命名规则 [3]声明[4]特性[5]作用域[6]声明提升[7]属性变量 前面的话 关于javascript,第一个比较重要的概念是变量,变量的工作机制是javascript ...

  3. JavaScript基础——理解变量作用域

    一旦你开始在JavaScript应用程序中添加条件.函数和循环,就需要理解变量作用域.变量作用域规定了如何确定正在执行的代码行上的一个特定变量名的值. JavaScript允许你既定义全局版本又定义局 ...

  4. javascript基础编程の变量、对象、数据类型及函数

    在web标准中.网页由结构.表现形式和行为三个部分组成. 结构标准---->XHTML: 表现形式标准----->CSS: 行为标准----->javascript: javascr ...

  5. JavaScript | 基础（变量/引用/转换/函数）

    ———————————————————————————————————————————— 变量 全局变量:在函数体外声明,全局可以使用 局部变量:通过关键字var来声明 变量类型 <script ...

  6. javascript基础之变量和函数声明

    1.变量的声名 window.name = 'gjlin' ; //全局变量  直接name = 'gjlin'  也表示全局变量,但是建议使用window.name = 'gjlin' 这种形式表示 ...

  7. javascript基础(一)变量

    原文http://pij.robinqu.me/ 预定义的全局变量 arguments encodeURI Infinity Array encodeURIComponent isFinite Boo ...

  8. JavaScript 基础知识 变量与数据类型

    一.区分大小写 JS中一切(变量/函数名/操作符)都是严格区分大小写的 二.标识符 变量.函数.属性的名字以及函数的参数 命名规则:1.第一个字符可以是字母.下划线.美元符号$ 2.其他的字符可以是字 ...

  9. 谷哥的小弟学前端(11)——JavaScript基础知识（2）

    探索Android软键盘的疑难杂症 深入探讨Android异步精髓Handler 具体解释Android主流框架不可或缺的基石 站在源代码的肩膀上全解Scroller工作机制 Android多分辨率适 ...

随机推荐

  1. SQL SERVER 数据有CHAR(10),CHAR(13),CHAR(9)隐藏字符

    原文:SQL SERVER 数据有CHAR(10),CHAR(13),CHAR(9)隐藏字符 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/Givi ...

  2. web／服务器知识

    一 PV 推到出 QPS 你想建设一个能承受500万PV/每天的网站吗? 500万PV是什么概念?服务器每秒要处理多少个请求才能应对?如果计算呢?? PV是什么:PV是page view的简写.PV是 ...

  3. python元组数据类型讲解

    元组可以被看成是不能改变的列表.列表是动态的,你可以增添,插入,删除,更改列表元素.有时我们需要这样的操作,但是有些时候我们需要保证有些数据是不能被用户或程序更改的.这就是元组的作用. 准确的说,列表 ...

  4. log4j rootLogger配置示例（log4j.properties）

    log4j.rootLogger=INFO,commonLogger, log4j.appender.commonLogger=org.apache.log4j.ConsoleAppenderlog4 ...

  5. react 深度 循环嵌套对象渲染问题 map

    查了一些资料貌似react的循环渲染对象只有map,但map只支持数组对象. 接到后台数据如下 { "list": { "A": [{ "image& ...

  6. Docker-PS命令解析

    查看 docker 容器,必然要用到 docker ps 命令.其基本格式为: docker ps [OPTIONS] 关键在于 OPTIONS(选项): 1 常见用法 1. 最常见的用法 $ doc ...

  7. 命名规范 camel case, pascal case, hyphen

    2019-11-08  refer : https://ux.stackexchange.com/questions/43174/update-vs-modify-vs-change-create-v ...

  8. .Net Core 3.0 内置依赖注入：举例

    原文:.Net Core 3.0 内置依赖注入:举例 版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn ...

  9. The last packet successfully received from the server was 39,900 milliseconds ago问题解决

    1,之前用Mysql或者mycat的时候都没有这个问题.后来改为haproxy+keepalived+mycat后出现这个问题 2,网上查了很多说法,我按照网上说的改了 datasource: url ...

  10. 【Git的基本操作五】比较文件差异

    比较文件差异 1. git diff [文件名] 将工作区中的文件和暂存区对应文件进行比较 例:git diff test.txt 2. git diff [本地库中文件历史记录(指针)] [文件名] ...