一、自增（++）

⑴什么是自增？

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

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

示例：

<!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. linux终端命令（四）系统信息相关命令（五）其他命令

    四.系统信息相关命令 时间和日期 date cal 磁盘和目录空间 df du 进程信息 ps top kill 1.时间和日期 序号 命令 作用 01 cal 查看日历,-y选项可以查看一年的日历 ...

  2. 对CSRF（跨站请求伪造）的理解

    一.什么是CSRF? CSRF是Cross Site Request Forgery的缩写,翻译过来就是跨站请求伪造.那么什么是跨站请求伪造呢?让我一个词一个词的解释: 1.跨站:顾名思义,就是从一个 ...

  3. Dom编程-左侧菜单栏设计模型实现

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. 转SSL/TLS协议

    TLS名为传输层安全协议(Transport Layer Protocol),这个协议是一套加密的通信协议.它的前身是SSL协议(安全套接层协议,Secure Sockets Layer).这两个协议 ...

  5. SQLServer 导入大容量sql文件

    cmd命令行,管理员身份运行 执行以下语句:E:\dbbak\abhs\SmartEnglish_data.sql 为文件路径,AbhsEnglish 为要导入的数据库 sqlcmd -i E:\db ...

  6. JS基础_if练习三

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  7. O027、看nova-scheduler如何选择计算节点

    参考https://www.cnblogs.com/CloudMan6/p/5441782.html   本节重点介绍 nova-scheduler 的调度机制和实现方法:即解决如何选择在那个计算节点 ...

  8. LeetCode 腾讯精选50题--有效的括号

    根据题意,第一反应就是使用栈,左右括号相匹配,则将左括号出栈,否则将左括号入栈. 这里我用数组配合“指针”模拟栈的入栈与出栈操作,初始时指针位置指向0,表示空栈,凡遇上左括号则直接入栈,若遇上有括号, ...

  9. 前后端分离-模拟数据之RAP2快速入门

    是啥? RAP是一个可视化接口管理工具 通过分析接口结构,动态生成模拟数据,校验真实接口正确性, 围绕接口定义,通过一系列自动化工具提升我们的协作效率.我们的口号:提高效率,回家吃晚饭! 可视化编辑, ...

  10. httpclient 多附件上传

    多附件上传实例: /** * 多附件上传 * @param host * @param uri * @param attachment 附件 * @param param body参数 * @retu ...