类似a=1+1这样的表达式称为运算符，js的运算符分为算数,赋值,比较和逻辑运算符；常见的算数有：+ - * / %（加减乘除，取模），比方说5/4=41+1；5%4=1，js算数顺序：从左往右，先 / %后+ ；js的值包含数字，字符串，布尔值；在算数运算中，“加号”：有字符串，按照字符串处理，没有按照数字处理；注意布尔值false=0，true=1；比方来说：1+"a"="1"+"a"="1a" ; 1+false=1+0=1; false+"a"="falsea"; 1-"1"=1-1=0; 1-"a"=NaN (not a number)不是一个数；一元二元运算符，正负号代表正负值；减号，字符串可以转换成数字，默认为数字(chrome浏览器，f12控制台，console测试)
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>javascript算数运算符</title>
7 </head>
8 <script>
9 //加号：有字符串按照字符串处理，没有按数字
10 // 1+"a"
11 // "1a"
12 // 1+false
13 // 1
14 // false+"a"
15 // "falsea"
16 // 1-"1"
17 // 0
18
19 //减号，字符串可以转成数字，默认数字
20 // 1-"a"
21 // NaN
22 // 1-"1"
23 // 0
24 // 1-"a"
25 NaN 26 </script>
27 <body>
28
29 </body>
30 </html>
赋值运算符也可以叫做复合运算+ - * / %；var a=1;a=a+10;a+=10;a-=10;a=a-10;
专门建立的学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习技巧
（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划）
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>赋值运算符</title>
7 <script>
8 var a=1;
9 // a=a+10;
10 //a+=10;
11 a-=10; 12 a=a-10; 13 console.log(a); 14 </script>
15 </head>
16 <body>
17 </body>
18 </html>
比较运算符 > < == === != >= <=相当于布尔值判断true还是false，注意==要求的值相等，而===要求的不光是值还有类型
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>比较运算符</title>
7 <script>
8 // a=1>2
9 // a=>false
10 // 0==false =>true
11 // 0===false =>false
12
13 // 1>2
14 // false
15 // 0==false
16 // true
17 // 0===false
18 // false
19 // 1==true
20 // true
21 // 1===true
22 // false
23 </script>
24 </head>
25 <body>
26 </body>
27 </html>
逻辑运算符 || &&！“或” "与" “非”
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>逻辑运算符</title>
7 <script>
8 // && 布尔值&&布尔值=>布尔值
9 // || true||true=>true true||false=>true 有一个是真就是真 true
10 // !a a=true false
11 </script>
12 </head>
13 <body>
14 </body>
15 </html>
**一元运算符++a 二元运算符a+b 一元运算符优先级高于二元运算符；++a，a先加，a++，a后加 ++自增1 --自减1 **
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>一元运算符二元运算符</title>
7 <script>
8 var a=1;
9 a++;//a=a+1
10 console.log(a); 11 a--;//a=a-1
12 console.log(a); 13 ++a;//先自增
14 --a;//先自减
15 var a=1; 16 var b=++a+5; 17 =>a=++a=a+1
18 // b=a+5;
19 // a=1
20 // 1
21 // ++a
22 // 2
23 // a+5
24 // 7
25
26 var a=1; 27 var b=a++ +5; 28 =>var b=a+5; 29 a=a++=a+1
30 //先加加，后加加
31 // a=1
32 // 1
33 // a++
34 // 1
35 // a
36 // 2
37 // a=1
38 // 1
39 // ++a
40 // 2
41 </script>
42 </head>
43 <body>
44 </body>
45 </html>
网友评论