运算符的分类

  • 算数运算符
  • 递增和递减运算符
  • 比较运算符
  • 逻辑运算符
  • 赋值运算符

算数运算符

算术运算符概述

概念：算术运算使用的符号，用于执行两个变量或值的算术运算。

1
2
3
4
5
+ 	加
- 	减
* 	乘
/  	除
%	取余

表达式最终都会有一个结果，返回给我们，我们成为返回值

浮点数的精度问题

浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。

1
2
var result = 0.1 + 0.2;    // 结果不是 0.3，而是：0.30000000000000004
console.log(0.07 * 100);   // 结果不是 7，  而是：7.000000000000001

所以：不要直接判断两个浮点数是否相等 !

表达式和返回值

表达式：是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合 简单理解：是由数字、运算符、变量等组成的式子

递增和递减运算符

  • 前置递增运算符

    ++num 前置递增，就是自加1，类似于 num = num + 1，但是 ++num 写起来更简单。

    使用口诀：先自加，后返回值

1
2
var  num = 10;
alert(++num + 10);   // 21

  • 后置递增运算符

    num++ 后置递增，就是自加1，类似于 num = num + 1 ，但是 num++ 写起来更简单。

    使用口诀：先返回原值，后自加 

1
2
var  num = 10;
alert(10 + num++);  // 20
比较运算符
1
2
3
4
5
6
7
8
9
10
11
< 小于号
> 大于号
>= 大于等于号
<= 小于等于号
== 判等号
!= 不等号
=== 全等
!== 非全等

==,>=,<=  //默认转换数据类型 
===,!==  //类型也要相同
逻辑运算符
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
&& 逻辑与 
|| 逻辑或
！ 逻辑非

&& 一假为假 都为真 才为真
|| 一真为真 都为假 才为假
!= 取反
&& 优先级比 || 高
var a = true;
var b = false;
var c = a && b && a && a && a;//false
var d = b || b || b || b || a;//true
var e = !a;//false
var f = !b;//true
		
var a = true || false && true;//true
var b = false || true && false;//false
var c = true || false && false;//true

var a = true && false || false && true;//false
var b = true && true || false && false;//true


可以通过先判断的结果进行 逻辑中断(短路操作)
短路运算
1
2
3
4
5
6
7
8
9
10
最终的值取谁----取能起决定因素的那个值

false && true //前面为假 不管后面 false 短路
true && false //前面为真 再管后面 false
true && true //前面为真 再管后面 true

true || false //前面为真 不管后面 true 短路
false || true //前面为假 再管后面 true
false || false //前面为假 再管后面 false

赋值运算符
1
2
3
= 直接赋值
+=、-= 加,减一个数后 再赋值
*=、/=、%= 乘,除,取模后 再赋值

运算符优先级

1
2
3
4
5
6
7
8
小括号     1
一元运算符 2
算术运算符 3
关系运算符 4
相等运算符 5
逻辑运算符 6
赋值运算符 7
逗号运算符 8

分支流程控制 if 语句

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// 条件成立 执行 if 里面代码，否则执行else 里面的代码
if (条件表达式) {
 // [如果] 条件成立执行的代码
} else {
 // [否则] 执行的代码
}


// 适合于检查多重条件。
if (条件表达式1) {
 语句1；
} else if (条件表达式2) {
 语句2；
} else if (条件表达式3) {
 语句3；
....
} else {
 // 上述条件都不成立执行此处代码
}

三元表达式

1
2
3
4
条件表达式 ? 表达式1 : 表达式2

// 如果表达式1为 true ，则返回表达式2的值，如果表达式1为 false，则返回表达式3的值
// 简单理解： 就类似于 if else （双分支） 的简写

switch分支流程控制

  • 语法结构

    switch 语句也是多分支语句，它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时，就可以使用 switch。
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    switch( 表达式 ){ 
        case value1:
            // 表达式 等于 value1 时要执行的代码
            break;
        case value2:
            // 表达式 等于 value2 时要执行的代码
            break;
        default:
            // 表达式 不等于任何一个 value 时要执行的代码
    }

    • switch ：开关 转换 ， case ：小例子 选项

    • 关键字 switch 后面括号内可以是表达式或值， 通常是一个变量

    • 关键字 case , 后跟一个选项的表达式或值，后面跟一个冒号

    • switch 表达式的值会与结构中的 case 的值做比较

    • 如果存在匹配全等(===) ，则与该 case 关联的代码块会被执行，并在遇到 break 时停止，整个 switch 语句代码执行结束

    • 如果所有的 case 的值都和表达式的值不匹配，则执行 default 里的代码

      注意： 执行case 里面的语句时，如果没有break，则继续执行下一个case里面的语句。

  • switch 语句和 if else if 语句的区别

    • 一般情况下，它们两个语句可以相互替换
    • switch…case 语句通常处理 case为比较确定值的情况， 而 if…else…语句更加灵活，常用于范围判断(大于、等于某个范围)
    • switch 语句进行条件判断后直接执行到程序的条件语句，效率更高。而if…else 语句有几种条件，就得判断多少次。
    • 当分支比较少时，if… else语句的执行效率比 switch语句高。
    • 当分支比较多时，switch语句的执行效率比较高，而且结构更清晰

循环

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
for(初始化变量; 条件表达式; 操作表达式 ){
    //循环体
}

for (外循环的初始; 外循环的条件; 外循环的操作表达式) {
    for (内循环的初始; 内循环的条件; 内循环的操作表达式) {  
       需执行的代码;
   }
}

while (条件表达式) {
    // 循环体代码 
}

do {
    // 循环体代码 - 条件表达式为 true 时重复执行循环体代码
} while(条件表达式);

continue、break

continue 关键字用于立即跳出本次循环，继续下一次循环（本次循环体中 continue 之后的代码就会少执行一次）。

break 关键字用于立即跳出整个循环（循环结束）。

代码规范

标识符命名规范

  • 变量、函数的命名必须要有意义
  • 变量的名称一般用名词
  • 函数的名称一般用动词

操作符规范

1
2
3
4
5
6
7
// 操作符的左右两侧各保留一个空格
for (var i = 1; i <= 5; i++) {
   if (i == 3) {
       break; // 直接退出整个 for 循环，跳到整个for循环下面的语句
   }
   console.log('我正在吃第' + i + '个包子呢');
}

单行注释规范

1
2
3
4
5
6
for (var i = 1; i <= 5; i++) {
   if (i == 3) {
       break; // 单行注释前面注意有个空格
   }
   console.log('我正在吃第' + i + '个包子呢');
}

其他规范

1
关键词、操作符之间后加空格