webcourse/Webcourse
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add（JS基础）：运算符

Browse Source
This commit is contained in:
qianguyihao 2018-08-12 22:38:05 +08:00
parent 365576e7bb
commit 26653bee3f
3 changed files with 198 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
03-JavaScript基础/02-JavaScript语法基础：变量.md
View File

@ -379,6 +379,22 @@ Undefined和任何数值计算的结果为NaN。NaN 与任何值都不相等，
true 和 fase。
布尔值直接使用就可以了，千万不要加上引号。
代码：
```javascript
var a = true;
console.log(typeof a);
```
控制台输出结果：
```
boolean
```
## null和undefined
### `null`：空值
@ -545,6 +561,23 @@ null和undefined有最大的相似性。看看null == undefined的结果(true)
注意：null和undefined这两个值没有toString()方法，所以它们不能用方法二。如果调用，会报错。
另外，Number类型的变量，在调用toString()时，可以在方法中传递一个整数作为参数。此时它将会把数字转换为指定的进制，如果不指定则默认转换为10进制。例如：
```javascript
var a = 255;
//对于Number调用toString()时可以在方法中传递一个整数作为参数
//此时它将会把数字转换为指定的进制,如果不指定则默认转换为10进制
a = a.toString(2);
console.log(a); // 11111111
console.log(typeof a); // string
```
**方法三**：调用String()函数。如下：
```

213
03-JavaScript基础/03-JavaScript语法基础：运算符和表达式.md
View File

@ -5,7 +5,6 @@
我们在[上一篇文章](http://www.cnblogs.com/smyhvae/p/8303507.html)里讲到了JS中**变量**的概念，本篇文章讲一下**运算符**和表达式。
## 前言
比如说`+`、`*`、`/`、`(` 都是**运算符**，而`（3+5）/2`则是**表达式**。
@ -34,7 +33,6 @@
![](http://img.smyhvae.com/20180117_1651.png)
**求余的举例**：
假设用户输入345，怎么分别得到3、4、5这三个数呢？
@ -75,7 +73,6 @@
原式 = 1 + 6 % 4 / 3 = 1 + 2 / 3 = 1.66666666666666
### 算数运算符的注意事项
（1）当对非Number类型的值进行运算（包括`+`、`-`、`*`、`/`）时，会将这些值转换为Number然后在运算。（注：`Number + 字符串`、`字符串 + 字符串`是特例，稍后再讲）
@ -112,8 +109,6 @@
我们可以利用这一特点，为一个值`-0`、`*1`、`/1`来将其转换为Number。原理和Number()函数一样，使用起来更加简单。
### 乘方
如果想计算 `a 的 b 次方`，可以使用如下函数：
@ -212,30 +207,134 @@ sqrt即“square 开方”。比如：
原理同上。
## 布尔值、关系运算符、逻辑运算符
### 布尔值
我们在上一篇文章中学习到的变量类型中包括：数值型、字符串型。今天再来学习一个类型：**布尔类型**。
布尔类型的值，就两个：true、false。
布尔值直接使用就可以了，千万不要加上引号。
代码：
### 代码举例
```javascript
var a = true;
console.log(typeof a);
```
var n1=10;
var n2=20;
控制台输出结果：
var n = n1++; //n1 = 11 n1++ = 10
console.log('n='+n); // 10
console.log('n1='+n1); //11
n = ++n1 //n1 = 12 ++n1 =12
console.log('n='+n); //12
console.log('n1='+n1); //12
n = n2--;// n2=19 n2--=20
console.log('n='+n); //20
console.log('n2='+n2); //19
n = --n2; //n2=18 --n2 = 18
console.log('n='+n); //18
console.log('n2='+n2); //18
```
boolean
## 逻辑运算符
逻辑运算符有三个：
- && 与（且）:两个都为真，结果才为真
- || 或：只要有一个是真，结果就是真
- ! 非：对一个布尔值进行取反。
**连比的写法：**
来看看逻辑运算符连比的写法。
举例1：
```
console.log(3 < 2 && 2 < 4);
```
### 关系运算符
输出结果为false。
举例2：（判断一个人的年龄是否在18~60岁之间）
```javascript
var a = prompt("请输入您的年龄");
alert(a>=18 && a<= 65);
```
### 注意事项
（1）能参与逻辑运算的，都是布尔值。
（2）JS中的`&&`属于**短路**的与，如果第一个值为false，则不会看第二个值。举例：
```javascript
//第一个值为true，会检查第二个值
true && alert("看我出不出来！！"); // 可以弹出 alert 框
//第一个值为false，不会检查第二个值
false && alert("看我出不出来！！"); // 不会弹出 alert 框
```
（3）JS中的`||`属于**短路**的或，如果第一个值为true，则不会看第二个值。举例：
（4）如果对**非布尔值**进行逻辑运算，则会**先将其转换为布尔值**，然后再操作。举例：
```javascript
var a = 10;
a = !a;
console.log(a); // false
console.log(typeof a); // boolean
```
上面的例子，我们可以看到，对非布尔值进行`!`操作之后，返回结果为布尔值。
### 非布尔值的与或运算【重要】
> 之所以重要，是因为在实际开发中，我们经常用这种代码做容错处理。
非布尔值进行**与或运算**时，会先将其转换为布尔值，然后再运算，但返回结果是**原值**。比如说：
```javascript
var result = 1 && 2; // 运算过程：true && true;
console.log('result：' + result); // 打印结果：2
```
上方代码可以看到，虽然运算过程为布尔值的运算，但返回结果是原值。
那么，返回结果是哪个原值呢？我们来看一下。
**与运算**的返回结果：（以两个非布尔值的运算为例）
- 如果第一个值为true，则必然返回第二个值
- 如果第一个值为false，则直接返回第一个值
**或运算**的返回结果：（以两个非布尔值的运算为例）
- 如果第一个值为true，则直接返回第一个值
- 如果第一个值为false，则返回第二个值
## 赋值运算符
可以将符号右侧的值赋值给符号左侧的变量。
举例：
- `+=`。a += 5 等价于 a = a + 5
- `-=`。a -= 5 等价于 a = a - 5
- `*=`。a *= 5 等价于 a = a * 5
- `/=`。a /= 5 等价于 a = a / 5
- `%=`。a %= 5 等价于 a = a % 5
## 关系运算符
通过关系运算符可以比较两个值之间的大小关系，如果关系成立它会返回true，如果关系不成立则返回false。
关系运算符有很多种，比如：
@ -252,7 +351,19 @@ sqrt即“square 开方”。比如：
关系运算符，得到的结果都是布尔值：要么是true，要么是false。
**`==`符号的强调**：
### 非数值的比较
（1）对于非数值进行比较时，会将其转换为数字然后再比较。
（2）特殊情况：如果符号两侧的值都是字符串时，**不会**将其转换为数字进行比较。比较两个字符串时，比较的是字符串的**Unicode编码**。
比较字符编码时，是一位一位进行比较。如果两位一样，则比较下一位，所以借用它可以来对英文进行排序。
**注意**：在比较两个字符串型的数字时，一定要先转型。
（3）任何值和NaN做任何比较都是false。
### `==`符号的强调
注意`==`这个符号，它是**判断是否等于**，而不是赋值。
@ -262,17 +373,32 @@ sqrt即“square 开方”。比如：
console.log("我爱你中国" == "我爱你中国"); //输出结果为true
```
（3）`== `这个符号并不严谨，会将不同类型的东西，转为相同类型进行比较。例如：
（2）`== `这个符号并不严谨，会将不同类型的东西，转为相同类型进行比较。例如：
```
console.log("6" == 6); //true
console.log(0 == -0); //true
```
如果要保证**完全等于**，我们就要用三个等号`===`。例如：
（3）undefined 衍生自 null，所以这两个值做相等判断时，会返回true。
```javascript
console.log(undefined == null); //打印结果：true。
```
（4）NaN不和任何值相等，包括他本身。
```javascript
console.log(NaN == NaN); //false
```
问题：那如果我想判断 b的值是否为NaN，该怎么办呢？
答案：可以通过isNaN()函数来判断一个值是否是NaN。如果 b 为 NaN，则返回true；否则返回false。
（5）如果要保证**完全等于**，我们就要用三个等号`===`。全等不会做类型转换。例如：
```javascript
console.log("6" === 6); //false
console.log(6 === 6); //true
```
@ -285,43 +411,32 @@ sqrt即“square 开方”。比如：
另外还有：**`==`的反面是`!=`，`===`的反面是`!==`。**。例如：
```
```javascript
console.log(3 != 8); //true
console.log(3 != "3"); //false，因为3=="3"是true，所以反过来就是false。
console.log(3 !== "3"); //true，应为3==="3"是false，所以反过来是true。
```
### 逻辑运算符
逻辑运算符有三个：
## 三元运算符
- && 与（且）:两个都为真，结果才为真
三元运算符也叫条件运算符。
- || 或
- ! 非：只要有一个是真，结果就是真
能参与逻辑运算的，都是布尔值，得到的答案仍然是布尔值。
**连比的写法：**
来看看逻辑运算符连比的写法。
举例1：
语法：
```
console.log(3 < 2 && 2 < 4);
条件表达式?语句1:语句2;
```
输出结果为false。
**执行的流程**：
举例2：（判断一个人的年龄是否在18~60岁之间）
条件运算符在执行时，首先对条件表达式进行求值：
```
var a = prompt("请输入您的年龄");
alert(a>=18 && a<= 65);
```
- 如果该值为true，则执行语句1，并返回执行结果
- 如果该值为false，则执行语句2，并返回执行结果
如果条件的表达式的求值结果是一个非布尔值，会将其转换为布尔值然后在运算。
## 我的公众号
@ -332,5 +447,3 @@ sqrt即“square 开方”。比如：
![](http://img.smyhvae.com/2016040102.jpg)

4
20-前端综合/2018年-前端日记.md
View File

@ -254,7 +254,7 @@ git cherry-pick myLog
console.log(50 < num <= 70);
```
上面的代码，你认为打印的结果是什么？其他，它打印的结果是 true。
上面的代码，你认为打印的结果是什么？其实，它打印的结果是 true。
如果我们要实现并列条件，千万不要使用 `if(50 < num < 70)`，而是要使用`if(num > 50 && num <=70)`。
@ -274,7 +274,7 @@ let temp2 = temp.toFixed(2);
```
上方代码中，`temp2`的结果是0.12，但是请注意，`temp`的类型Number型，而`temp2`的类型确实String型。
上方代码中，`temp2`的结果是0.12，但是请注意，`temp`的类型Number型，而`temp2`的类型却是String型。