1.算数操作符
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
<script>
var s1 = 6;
var s2 = 4;
console.log(s1+s2);
</script>
</html>
- % 为取余
- * 乘法符号
- / 除法符号
- - 减法符号
- + 加法符号
2.一元运算符
只有一个值进行自身运算的交一元运算符，直接改变的是自身的数值
我们来定义并赋值一个数值，在进行打印：
... ...
var n1 = 5;
n1++
console.log(n1);
</script>
</html>
可以看到打印出来是数值 6
那么是什么意思呢，我们看中间的
n1++
这个就是自身加一可以这样写，如果加二那就只能写+2，就不能写++了
同样 – – 就是自身减一
我们看一下效果：
总结来说 ++ – – 对自身操作加一或者减一
注意：
操作符在变量的前面，先进行自身运算，在进行其他运算
操作符在变量的后面，先进行其他运算，在进行自身运算
可能说的不太好理解，我们下面有例子，进行解释：
... ...
var a = 1;
var b = ++a + a++
console.log(b);
</script>
</html>
我们看结果：
这个结果是这样来的：
++a 先进进行运算，也就是1+1=2，在后面，进行加法运算也就是2+1=3，最后在进行a++运算，此时前面的运算数值已经是3了，这里在进行运算，3+1=4，就是这样的来的
再给大家看到题解释：
... ...
var a = 1;
var b = ++a + ++a;
console.log(b);
</script>
</html>
结果：
我们来看一下是怎么出结果的：
我们本身定义的 a 为 1 ，后面 ++a 我们上面说过的，操作符在变量的前面，先进行自身运算，在进行其他运算 也就是 1+1=2，后面，因为它们的操作符在变量的前面，所以先进行运算，也就是 1+2=3，因为前面数值已经是2了，所以这里直接用了，最后进行其他运算，我们看前面的 变量的值一个是2 ，一个是3，在进行相加就是5
3.逻辑运算符
又称布尔运算符
&& 逻辑与运算符 参与运算的数据必须为真，结果为真
|| 逻辑或运算符 参与运算的数据只要有一个为真，结果为真
! 逻辑非运算符 获取相反地结果
- ! 逻辑非运算符 获取相反地结果
... ...
var a = true;
console.log(!a);
</script>
</html>
我们看这样的代码，定义变量为true，但是要打印出取反的值，那就是false
- && 逻辑与运算符 参与运算的数据必须为真，结果为真
... ...
var a = 1;
var b = 2;
var c = 0;
console.log(a && b);
</script>
</html>
结果：
这个就是真的值，我们继续解释：
... ...
var a = 1;
var b = 2;
var c = 0;
console.log(c && b);
</script>
</html>
这个就是假了
我们看上面的，1和2 都是有值的，所以是真的。再看下面，有一个0，所以符合了我们 逻辑与运算符，必须参与的数值都为真，结果才为真，只要有一个假，就都是假的
- || 逻辑或运算符 参与运算的数据只要有一个为真，结果为真
... ...
var a = 1;
var b = 2;
var c = 0;
// console.log(c && b);
console.log(a || b);
</script>
</html>
逻辑或运算，就是只要有一个数据为真，就是真
我们看下面，更改一下数据：
... ...
var a = 1;
var b = 2;
var c = 0;
// console.log(c && b);
console.log(c || b);
</script>
</html>
同样也是真的
