1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 <script type="text/javascript">
7
8 /*
9 * 运算符也叫操作符
10 * 通过运算符可以对一个或多个值进行运算,并获取运算结果
11 * 比如：typeof就是运算符，可以来获得一个值的类型，它会将该值的类型以字符串的形式返回 number string boolean undefined object
12 *
13 * 算数运算符
14 * 当对非Number类型的值进行运算时，会将这些值转换为Number然后再运算，任何值和NaN做运算都得NaN
15 *
16 *
17 * + +可以对两个值进行加法运算，并将结果返回
18 * 如果对两个字符串进行加法运算，则会做拼串，会将两个字符串拼接为一个字符串，并返回
19 * 任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作
20 *
21 * - - 可以对两个值进行减法运算，并将结果返回
22 *
23 *
24 * * * 可以对两个值进行乘法运算
25 *
26 * / / 可以对两个值进行除法运算
27 *
28 * % % 取模运算（取余数）
29 */
30
31 var a = 123;
32 var result = typeof a;
33 console.log(result);//number
34 console.log(typeof result); //string
35
36
37 result = a + 1;
38 console.log(result);//124
39
40
41 result = 456 + 789;
42 console.log(result);//1245
43
44
45 result = true + 1;
46 console.log(result);//2
47
48
49 //任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作
50 result = true + false;
51 console.log(result);//1
52
53
54 //任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作
55 result = 2 + null;
56 console.log(result);//2
57
58
59 //任何值和NaN做运算都得NaN
60 result = 2 + NaN;
61 console.log(result);//NaN
62
63
64 //如果对两个字符串进行加法运算，则会做拼串，会将两个字符串拼接为一个字符串，并返回
65 result = "123" + "456";
66 console.log(result);//123456
67
68
69 result = "你好" + "大帅哥";
70 console.log(result);//你好大帅哥
71
72
73 var str = "锄禾日当午，" +
74 "汗滴禾下土，" +
75 "谁知盘中餐，" +
76 "粒粒皆辛苦";
77 console.log(str);//锄禾日当午，汗滴禾下土，谁知盘中餐，粒粒皆辛苦
78
79 //-----------------------------------------------------------------------------------
80
81 //任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作
82 result = 123 + "1";
83 console.log(result);//1231
84
85
86 //任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作
87 result = true + "hello";
88 console.log(result);//truehello
89
90
91 /*
92 * 我们可以利用这一特点，来将一个任意的数据类型转换为String
93 * 我们只需要为任意的数据类型 + 一个 "" 即可将其转换为String
94 * 这是一种隐式的类型转换，由浏览器自动完成，实际上它也是调用String()函数
95 */
96 var c = 123;
97 c = c + ""; //和c = String(c)本质上是一样的
98 console.log(typeof c);//string
99
100
101 result = 1 + 2 + "3";
102 console.log(result); //33
103
104 result = "1" + 2 + 3;
105 console.log(result); //123
106
107 //-----------------------------------------------------------------------------------
108
109 result = 100 - 5;
110 console.log(result); //95
111
112 result = 100 - true;
113 console.log(result); //99
114
115 result = 100 - "1";
116 console.log(result); //99
117
118 result = 2 * 2;
119 console.log(result); //4
120
121 result = 2 * "8";
122 console.log(result); //16
123
124 result = 2 * undefined;
125 console.log(result); //NaN
126
127 result = 2 * null;
128 console.log(result); //0
129
130 result = 4 / 2;
131 console.log(result); //2
132
133 result = 3 / 2;
134 console.log(result); //1.5
135
136 //-----------------------------------------------------------------------------------
137
138 /*
139 * 任何值做 - * / 运算时都会自动转换为Number
140 * 我们可以利用这一特点做隐式的类型转换
141 * 可以通过为一个值 -0 、*1 、 /1来将其转换为Number，原理和Number()函数一样，使用起来更加简单
142 */
143
144 var d = "123";
145 d = d - 0;
146 console.log(d); //123
147 console.log(typeof d);//number
148
149
150 result = 9 % 3;
151 console.log(result); //0
152
153 result = 9 % 4;
154 console.log(result); //1
155
156 result = 9 % 5;
157 console.log(result); //4
158
159
160 </script>
161 </head>
162 <body>
163 </body>
164 </html>