Web前端系列技术之JavaScript基础（从入门开始）②

JavaScript基础学习二

今天，仍要介绍的是JavaScript的基础学习，不过，这和之前内容不同的就是这一节即将要学习的是【能思考】的JavaScript程序，那所谓的【能思考】也可以就理解为能够进行一定的 逻辑判断 和 程序条件性执行 的能力，这也是JavaScript程序流量控制的内容；

所以今天主要介绍的内容有：
一、运算符
二、表达式和语句
三、流程控制
四、分支结构
五、循环结构
六、断点调试

---

---

一、运算符

所谓的运算符（operator），就是用于执行程序代码运算，会针对一个以上操作数项目来进行运算，这也是 百度百科 中最官方的解释；它也可以被称为 操作符，是用于实现赋值、比较和执行算数运算等功能的符号；

在JavaScript语言中主要分为五大运算符：算术运算符 、赋值运算符 、一元运算符 、比较运算符 和 逻辑运算符 ，下面就分别介绍这五大运算符：

1. 算术运算符

概念：算术运算使用的符号，用于执行两个变量或值的算术运算，主要包括加、减、乘、除、取余（求模）；之前有介绍过，算术运算符之下是存在 隐式转换 的，具体内容可参考 JavaScript第一章 内容；

运算符	描述
+	加法
-	减法
*	乘法
/	除法
%	取模（取余）

注意：在取模（取余）的过程中，如果被除数小于除数，那么余数就是被除数本身

开发环境中，取模（取余）经常被用作判定某个数值能否被整除；

1.1 算术运算符优先级

优先级：同时使用多个运算符编写程序时，会按着某种顺序先后执行，称为优先级；

JavaScript中 优先级越高越先被执行，优先级相同时从左向右执行

1. 乘、除、取余优先级相同；
2. 加、减优先级相同；
3. 乘、除、取余优先级大于加、减；
4. 使用 () 可以提升优先级；

总结： 先乘除后加减，有括号先算括号里面的

2. 赋值运算符

概念：用来把数据赋值给变量的运算符；

在之前介绍中， = 就是属于赋值运算符，它的含义就是等号右边的值赋予给左边，这里要求左边必须是一个变量【容器】；

运算符	描述
=	赋值
+=	加法赋值
-=	减法赋值
*=	乘法赋值
/=	除法赋值
%=	取模（取余）赋值

注意：具体写法（加法赋值为例）→ 【a+=b 相当于 a=a+b】

代码样例：

let num = 1
num += 3
console.log(num)// num的值为 4

2.1 赋值运算符优先级

赋值运算符的优先级同算术运算符的优先级顺序一样，但需要明确的是 "=" 的 优先级最低；

3. 一元运算符

众多的 JavaScript 的运算符可以根据所需表达式的个数，分为一元运算符、二元运算符、三元运算符；

① 一元运算符：只存在一个操作数，例如 ++ 、-- 、！ 、+(正号) 、-(负号) ；
② 二元运算符：存在两个操作数，通常有加减乘除、比较运算符，逻辑运算符等；
③ 三元运算符：存在两个操作数，在三元表达式完美实现；

目的：由于赋值运算符在项目开发的过程中，语义并不明了直观，为了更高效且准确的开发项目，就开创了一元运算符；

3.1 自增与自减运算符

如果需要反复给数字变量添加或减去1，可以使用自增（++）和自减（ – ）运算符来完成；

在 JavaScript 中，自增（++）和自减（ - - ）既可以放在变量前面，也可以放在变量后面。放在变量前面时，可以称为前置自增（自减）运算符，放在变量后面时，可以称为后置自增（自减）运算符；

运算符	描述
++	自增
- -	自减

注意：自增和自减运算符必须和变量配合使用，经常被用于程序中的计数效果

3.1.1 自增运算符

① 前置自增运算符：++num 前置自增，就是自加1，类似于 num = num + 1；
代码样例：

let  num = 10;
alert( 2+ ++num);   //  结果为 13

记忆方式：先自加，再返回值

② 后置自增运算符：num++ 后置自增，就是自加1，类似于 num = num + 1
代码样例：