diff --git a/04-JavaScript基础/04-typeof和数据类型转换.md b/04-JavaScript基础/04-typeof和数据类型转换.md index 5bc568c..9fba52a 100644 --- a/04-JavaScript基础/04-typeof和数据类型转换.md +++ b/04-JavaScript基础/04-typeof和数据类型转换.md @@ -96,7 +96,7 @@ console.log(type {}); // 空对象的打印结果:object ## 其他的简单类型 --> String -### 方法一:字符串拼接 +### 方法一(隐式类型转换):字符串拼接 格式:变量+"" 或者 变量+"abc" @@ -108,7 +108,7 @@ console.log(a + ''); // 转换成 String 类型 console.log(a + 'haha'); // 转换成 String 类型 ``` -上面的例子中,打印的结果,都是字符串类型的数据。 +上面的例子中,打印的结果,都是字符串类型的数据。实际上内部是调用的 String() 函数。也就是说,`c = c + ""` 等价于 `c = String(c)`。 ### 方法二:调用 toString()方法 @@ -425,7 +425,7 @@ console.log(a); // 打印结果:NaN。因为 Number('abc')的结果为 NaN, > 注意,这里说的是正号/负号,不是加号/减号。 -任何值做`+a`、`-a`运算时,运算结果都会自动转换为 Number 类型。 内部调用的是 Number() 函数。 +任何值做`+a`、`-a`、`/a`运算时,运算结果都会自动转换为 Number 类型。 内部调用的是 Number() 函数。 **举例**: @@ -460,9 +460,33 @@ console.log(b); // 打印结果:666 ### 运算符:`-`、`*`、`/` -任何值做`-`、`*`、`/`运算时,运算结果都会自动转换为 Number 类型。内部调用的是 Number() 函数。 +1、任何非 Number 类型的值做`-`、`*`、`/`运算时,会将这些值转换为Number然后再运算(内部调用的是 Number() 函数),运算结果是 Number 类型。(注:`任何值 + 字符串`是特例,运算结果是字符串) + +比如: + +```javascript + result1 = true + 1; // 2 = 1+ 1 + + result2 = true + false; // 1 = 1+ 0 + + result3 = 1 + null; // 1 = 1+ 0 + + result4 = 100 - '1' // 99 +``` + +2、任何的值和字符串做加法运算,都会先转换为字符串,然后再做拼串操作。 + +比如: + +```javascript + result1 = 1 + 2 + '3' // 33 + + result2 = '1' + 2 + 3; // 123 +``` + + +3、任何值和NaN做运算的结果都是NaN。 -注:任何值和字符串相加,结果会转换为字符串。这个在上一小段已经讲过。 ## 我的公众号 diff --git a/04-JavaScript基础/08-运算符.md b/04-JavaScript基础/05-运算符.md similarity index 55% rename from 04-JavaScript基础/08-运算符.md rename to 04-JavaScript基础/05-运算符.md index 4350794..7deaeff 100644 --- a/04-JavaScript基础/08-运算符.md +++ b/04-JavaScript基础/05-运算符.md @@ -1,37 +1,54 @@ -我们在本文件夹的第二篇里讲到了JS中**变量**的概念,本篇文章讲一下**运算符**和表达式。 +我们在本文件夹的第 02 篇里讲到了JS中**变量**的概念,本篇文章讲一下**运算符**和表达式。 -## 前言 +## 运算符的定义和分类 -比如说`+`、`*`、`/`、`(` 都是**运算符**,而`(3+5)/2`则是**表达式**。 +### 运算符的定义 -### 运算符的定义和分类 +**运算符**:也叫操作符,是一种符号。通过运算符可以对一个或多个值进行运算,并获取运算结果。 -运算符也叫操作符。通过运算符可以对一个或多个值进行运算,并获取运算结果。 +**表达式**:由数字、运算符、变量的组合(组成的式子)。 -比如:typeof 就是运算符,可以来获得一个值的类型。它会将该值的类型以**字符串**的形式返回:number string boolean undefined object。 +表达式最终都会有一个运算结果,我们称这个结果为表达式的**返回值**。 -注:运算符都是会返回结果的。 +比如:`+`、`*`、`/`、`(` 都是**运算符**,而`(3+5)/2`则是**表达式**。 -运算符有很多分类,比如: +比如:typeof 就是运算符,可以来获得一个值的类型。它会将该值的类型以**字符串**的形式返回,返回值可以是 number string boolean undefined object。 + + +### 运算符的分类 + +JS 中的运算符,分类如下: - 算数运算符 - 自增/自减运算符 +- 一元运算符 + - 逻辑运算符 - 赋值运算符 -- 关系运算符 +- 比较运算符 - 三元运算符(条件运算符) +下面来逐一讲解。 + ## 算数运算符 +**算术运算符**:用于执行两个变量或值的算术运算。 + 常见的算数运算符有以下几种: -![](http://img.smyhvae.com/20180117_1651.png) +| 运算符 | 描述 | +| :---------------- | :-------: | +| + | 加、字符串连接 | +| - | 减 | +| * | 乘 | +| / | 除 | +| % | 获取余数(取余、取模) | **求余的举例**: @@ -40,122 +57,102 @@ **答案**: ``` - 得到3的方法:345 除以100,得到3.45然后取整,得到3。即:parseInt(345/100) +得到3的方法:345 除以100,得到3.45然后取整,得到3。即:parseInt(345/100) - 得到4的方法:345 除以100,余数是45,除以10,得到4.5,取整。即:parseInt(345 % 100 / 10) +得到4的方法:345 除以100,余数是45,除以10,得到4.5,取整。即:parseInt(345 % 100 / 10) - 得到5的方法:345 除以10,余数就是5。即:345 % 10 +得到5的方法:345 除以10,余数就是5。即:345 % 10 ``` ### 算数运算符的运算规则 (1)先算乘除、后算加减。 -(2)小括号:能够影响计算顺序,且可以嵌套。没有中括号、没有大括号,只有小括号。 +(2)小括号`( )`:能够影响计算顺序,且可以嵌套。没有中括号、没有大括号,只有小括号。 (3)百分号:取余。只关心余数。 举例1:(取余) -``` - console.log(3 % 5); +```javascript +console.log(3 % 5); ``` 输出结果为3。 -举例2:(注意运算符优先级) +举例2:(注意运算符的优先级) -``` - var a = 1 + 2 * 3 % 4 / 3; +```javascript +var a = 1 + 2 * 3 % 4 / 3; ``` 结果分析: 原式 = 1 + 6 % 4 / 3 = 1 + 2 / 3 = 1.66666666666666 -### 算数运算符的注意事项 +**补充**:关于算数运算符的注意事项,详见上一篇文章里的“**数据类型转换**”的知识点。 -(1)当对非Number类型的值进行运算(包括`+`、`-`、`*`、`/`)时,会将这些值转换为Number然后再运算。(注:`字符串 + Number`、`字符串 + 字符串`是特例,稍后再讲) +### 浮点数运算的精度问题 -比如: +浮点数值的最高精度是 17 位小数,但在进行算术计算时,会丢失精度,导致计算不够准确。比如: ```javascript - result1 = true + 1; // 2 = 1+ 1 +console.log(0.1 + 0.2); // 运算结果不是 0.3,而是 0.30000000000000004 - result2 = true + false; // 1 = 1+ 0 - - result3 = 1 + null; // 1 = 1+ 0 - - result4 = 100 - '1' // 99 +console.log(0.07 * 100); // 运算结果不是 7,而是 7.000000000000001 ``` +因此,**不要直接判断两个浮点数是否相等**。 -(2)任何值和NaN做运算的结果都是NaN。 -(3)任何的值和字符串做加法运算,都会先转换为字符串,然后再做拼串操作。 +## 自增和自减 -比如: +### 自增 `++` + +自增分成两种:`a++`和`++a`。 + +(1)一个变量自增以后,原变量的值会**立即**自增1。也就是说,无论是 `a++` 还是`++a`,都会立即使原变量的值自增1。 + +(2)**我们要注意的是**:`a`是变量,而`a++`和`++a`是**表达式**。 + +那这两种自增,有啥区别呢?区别是:`a++` 和 `++a`的值不同:(也就是说,表达式的值不同) + +- `a++`这个表达式的值等于原变量的值(a自增前的值)。你可以这样理解:先把 a 的值赋值给表达式,然后 a 再自增。 + +- `++a`这个表达式的值等于新值 (a自增后的值)。 你可以这样理解:a 先自增,然后再把自增后的值赋值给表达式。 + +### 自减 `-- ` + +原理同上。 + +开发时,大多使用后置的自增/自减,并且代码独占一行,例如:`num++`,或者 `num--`。 + +### 代码举例 ```javascript - result1 = 1 + 2 + '3' // 33 +var n1 = 10; +var n2 = 20; - result2 = '1' + 2 + 3; // 123 +var result1 = n1++; + +console.log(n1); // 11 +console.log(result1); // 10 + +result = ++n1; +console.log(n1); //12 +console.log(result); //12 + +var result2 = n2--; +console.log(n2); // 19 +console.log(result2); // 20 + +result2 = --n2; +console.log(n2); // 18 +console.log(result2); // 18 ``` -我们可以利用这一特点,来将一个任意的数据类型转换为String:我们只需要为任意的数据类型 + 一个 "" 即可将其转换为String。这是一种**隐式**的类型转换,由浏览器自动完成,实际上它也是调用String()函数。也就是说,`c = c + ""` 等价于 `c = String(c)`。 - -(4)任何值做`-`、`*`、`/`运算时都会自动转换为Number。 - -我们可以利用这一特点,为一个值`-0`、`*1`、`/1`来将其转换为Number。原理和Number()函数一样,使用起来更加简单。 - -### 乘方 - -如果想计算 `a 的 b 次方`,可以使用如下函数: - -``` - Math.pow(a, b); -``` - -Math的中文是“数学”,pow是“power 幂”。 - -**举例1:** - -![](http://img.smyhvae.com/20180117_1730.png) - -代码实现: - -``` - var a = Math.pow(3, Math.pow(2, 2)); - console.log(a); -``` - -**举例2:** - -![](http://img.smyhvae.com/20180117_1740.png) - -代码实现: - -``` - var a = Math.pow(Math.pow(3, 2), 4); - console.log(a); -``` - -### 开方 - -如果想计算数值a的开二次方,可以使用如下函数: - -``` - Math.sqrt(a); -``` - -sqrt即“square 开方”。比如: - -``` - var a = Math.sqrt(36); -``` - ## 一元运算符 一元运算符,只需要一个操作数。 @@ -169,8 +166,8 @@ typeof就是典型的一元运算符,因为后面只跟一个操作数。 举例如下: ```javascript - var a = '123'; - console.log(typeof a); // 打印结果:string +var a = '123'; +console.log(typeof a); // 打印结果:string ``` @@ -181,17 +178,17 @@ typeof就是典型的一元运算符,因为后面只跟一个操作数。 (2)我们可以对一个其他的数据类型使用`+`,来将其转换为number【重要的小技巧】。比如: ```javascript - var a = true; - a = +a; // 注意这行代码的一元运算符操作 - console.log('a:' + a); - console.log(typeof a); +var a = true; +a = +a; // 注意这行代码的一元运算符操作 +console.log('a:' + a); +console.log(typeof a); - console.log('-----------------'); +console.log('-----------------'); - var b = '18'; - b = +b; // 注意这行代码的一元运算符操作 - console.log('b:' + b); - console.log(typeof b); +var b = '18'; +b = +b; // 注意这行代码的一元运算符操作 +console.log('b:' + b); +console.log(typeof b); ``` 打印结果: @@ -210,51 +207,6 @@ number 负号可以对数字进行取反。 -## 自增和自减 - -### 自增 `++` - -自增分成两种:`a++`和`++a`。 - -(1)对于一个变量自增以后,原变量的值会**立即**自增1。也就是说,无论是 `a++` 还是`++a`,都会立即使原变量的值自增1。 - -(2)**我们要注意的是**:`a`是变量,而`a++`和`++a`是**表达式**。 - -那这两种自增,有啥区别呢?区别是:`a++` 和 `++a`的值不同:(也就是说,表达式的值不同) - -- `a++`的值等于原变量的值(a自增前的值) - -- `++a`的值等于新值 (a自增后的值) - -### 自减 `-- ` - -原理同上。 - -### 代码举例 - -```javascript - 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 - -``` - ## 逻辑运算符 逻辑运算符有三个: @@ -272,7 +224,7 @@ number 举例1: ```javascript - console.log(3 < 2 && 2 < 4); +console.log(3 < 2 && 2 < 4); ``` 输出结果为false。 @@ -280,8 +232,8 @@ number 举例2:(判断一个人的年龄是否在18~60岁之间) ```javascript - var a = prompt("请输入您的年龄"); - alert(a>=18 && a<= 65); +var a = prompt("请输入您的年龄"); +alert(a>=18 && a<= 65); ``` @@ -294,11 +246,11 @@ PS:上面的这个`a>=18 && a<= 65`千万别想当然的写成` 18<= a <= 65` (2)JS中的`&&`属于**短路**的与,如果第一个值为false,则不会看第二个值。举例: ```javascript - //第一个值为true,会检查第二个值 - true && alert("看我出不出来!!"); // 可以弹出 alert 框 +//第一个值为true,会检查第二个值 +true && alert("看我出不出来!!"); // 可以弹出 alert 框 - //第一个值为false,不会检查第二个值 - false && alert("看我出不出来!!"); // 不会弹出 alert 框 +//第一个值为false,不会检查第二个值 +false && alert("看我出不出来!!"); // 不会弹出 alert 框 ``` (3)JS中的`||`属于**短路**的或,如果第一个值为true,则不会看第二个值。举例: @@ -306,11 +258,11 @@ PS:上面的这个`a>=18 && a<= 65`千万别想当然的写成` 18<= a <= 65` (4)如果对**非布尔值**进行逻辑运算,则会**先将其转换为布尔值**,然后再操作。举例: ```javascript - var a = 10; - a = !a; +var a = 10; +a = !a; - console.log(a); // false - console.log(typeof a); // boolean +console.log(a); // false +console.log(typeof a); // boolean ``` 上面的例子,我们可以看到,对非布尔值进行`!`操作之后,返回结果为布尔值。 @@ -322,8 +274,8 @@ PS:上面的这个`a>=18 && a<= 65`千万别想当然的写成` 18<= a <= 65` 非布尔值进行**与或运算**时,会先将其转换为布尔值,然后再运算,但返回结果是**原值**。比如说: ```javascript - var result = 5 && 6; // 运算过程:true && true; - console.log('result:' + result); // 打印结果:6(也就是说最后面的那个值。) +var result = 5 && 6; // 运算过程:true && true; +console.log('result:' + result); // 打印结果:6(也就是说最后面的那个值。) ``` 上方代码可以看到,虽然运算过程为布尔值的运算,但返回结果是原值。 @@ -332,15 +284,16 @@ PS:上面的这个`a>=18 && a<= 65`千万别想当然的写成` 18<= a <= 65` **与运算**的返回结果:(以两个非布尔值的运算为例) -- 如果第一个值为true,则必然返回第二个值(所以说,如果所有的值都为true,则返回的是最后一个值) +- 如果第一个值为false,则直接返回第一个值;不会再往后执行。 + +- 如果第一个值为true,则返回第二个值(如果所有的值都为true,则返回的是最后一个值)。 -- 如果第一个值为false,则直接返回第一个值 **或运算**的返回结果:(以两个非布尔值的运算为例) -- 如果第一个值为true,则直接返回第一个值 +- 如果第一个值为true,则直接返回第一个值;不会再往后执行。 -- 如果第一个值为false,则返回第二个值 +- 如果第一个值为false,则返回第二个值((如果所有的值都为false,则返回的是最后一个值)。 实际开发中,我们经常是这样来处理容错的: @@ -349,10 +302,9 @@ PS:上面的这个`a>=18 && a<= 65`千万别想当然的写成` 18<= a <= 65` ```javascript - if (result.resultCode == 0) { - var a = result && result.data && result.data.imgUrl || 'http://img.smyhvae.com/20160401_01.jpg'; - } - +if (result.resultCode == 0) { + var a = result && result.data && result.data.imgUrl || 'http://img.smyhvae.com/20160401_01.jpg'; +} ``` 上方代码的意思是,获取返回结果中的`result.data.imgUrl`这个图片资源;如果返回结果中没有 `result.data.imgUrl` 这个字段,就用 `http://img.smyhvae.com/20160401_01.jpg` 作为**兜底**图片。这种写法,在实际开发中经常用到。 @@ -363,6 +315,8 @@ PS:上面的这个`a>=18 && a<= 65`千万别想当然的写成` 18<= a <= 65` 举例: +- `=` 直接赋值。比如 `var a = 5` + - `+=`。a += 5 等价于 a = a + 5 - `-=`。a -= 5 等价于 a = a - 5 @@ -373,24 +327,24 @@ PS:上面的这个`a>=18 && a<= 65`千万别想当然的写成` 18<= a <= 65` - `%=`。a %= 5 等价于 a = a % 5 -## 关系运算符 +## 比较运算符 -通过关系运算符可以比较两个值之间的大小关系,如果关系成立它会返回true,如果关系不成立则返回false。 +比较运算符可以比较两个值之间的大小关系,如果关系成立它会返回true,如果关系不成立则返回false。 -关系运算符有很多种,比如: +比较运算符有很多种,比如: ``` - > 大于号 - < 小于号 - >= 大于或等于 - <= 小于或等于 - == 等于 - === 全等于 - != 不等于 - !== 不全等于 +> 大于号 +< 小于号 +>= 大于或等于 +<= 小于或等于 +== 等于 +=== 全等于 +!= 不等于 +!== 不全等于 ``` -**关系运算符,得到的结果都是布尔值:要么是true,要么是false**。 +**比较运算符,得到的结果都是布尔值:要么是true,要么是false**。 举例如下: @@ -405,16 +359,16 @@ var result = 5 > 10; // false 举例如下: ```javascript - console.log(1 > true); //false - console.log(1 >= true); //true - console.log(1 > "0"); //true +console.log(1 > true); //false +console.log(1 >= true); //true +console.log(1 > "0"); //true - //console.log(10 > null); //true +//console.log(10 > null); //true - //任何值和NaN做任何比较都是false +//任何值和NaN做任何比较都是false - console.log(10 <= "hello"); //false - console.log(true > false); //true +console.log(10 <= "hello"); //false +console.log(true > false); //true ``` @@ -439,18 +393,18 @@ console.log("56" > "123"); // true (1)`== `这个符号,还可以验证字符串是否相同。例如: -``` - console.log("我爱你中国" == "我爱你中国"); // 输出结果为true +```javascript +console.log("我爱你中国" == "我爱你中国"); // 输出结果为true ``` -(2)`== `这个符号并不严谨,会将不同类型的东西,**转为相同类型**进行比较(大部分情况下,都是转换为数字)。例如: +(2)`== `这个符号并不严谨,会做隐式转换,将不同的数据类型,**转为相同类型**进行比较(大部分情况下,都是转换为数字)。例如: ```javascript - console.log("6" == 6); // 打印结果:true。这里的字符串"6"会先转换为数字6,然后再进行比较 - console.log(true == "1"); // 打印结果:true - console.log(0 == -0); // 打印结果:true +console.log("6" == 6); // 打印结果:true。这里的字符串"6"会先转换为数字6,然后再进行比较 +console.log(true == "1"); // 打印结果:true +console.log(0 == -0); // 打印结果:true - console.log(null == 0); // 打印结果:false +console.log(null == 0); // 打印结果:false ``` (3)undefined 衍生自 null,所以这两个值做相等判断时,会返回true。 @@ -463,6 +417,7 @@ console.log(undefined == null); //打印结果:true。 ```javascript console.log(NaN == NaN); //false +console.log(NaN === NaN); //false ``` 问题:那如果我想判断 b的值是否为NaN,该怎么办呢? @@ -490,7 +445,7 @@ console.log(isNaN(b)); - `===`三个等号,严谨,"6"和6是false。 -另外还有:**`==`的反面是`!=`,`===`的反面是`!==`。**。例如: +另外还有:**`==`的反面是`!=`,`===`的反面是`!==`**。例如: ```javascript console.log(3 != 8); //true @@ -505,7 +460,7 @@ console.log(isNaN(b)); 语法: ``` -条件表达式?语句1:语句2; +条件表达式 ? 语句1 : 语句2; ``` **执行的流程**: @@ -520,13 +475,13 @@ console.log(isNaN(b)); ## 运算符的优先级 -运算符的优先级如下:(越往上,优先级越高) +运算符的优先级如下:(优先级从高到低) - `.`、`[]`、`new` -- () +- `()` -- ++、-- +- `++`、`--` - `!`、`~`、`+`(单目)、`-`(单目)、`typeof`、`void`、`delete` @@ -536,9 +491,9 @@ console.log(isNaN(b)); - `<<`、`>>`、`>>>` -- `<`、`<=`、`>`、`>=` +- 关系运算符:`<`、`<=`、`>`、`>=` -- `==`、`!==`、`===` +- `==`、`!==`、`===`、`!==` - `&` @@ -556,39 +511,37 @@ console.log(isNaN(b)); - `,` +注意:逻辑与 `&&` 比逻辑或 `||` 的优先级更高。 备注:你在实际写代码的时候,如果不清楚哪个优先级更高,可以把括号运用上。 -## Unicode 编码表 +## Unicode 编码 > 这一段中,我们来讲引申的内容:Unicode编码的使用。 +各位同学可以先在网上查一下“Unicode 编码表”。 + 1、在字符串中可以使用转义字符输入Unicode编码。格式如下: ``` - \u四位编码 +\u四位编码 ``` - - 举例如下: ```javascript - console.log("\u2600"); // 这里的 2600 采用的是16进制 - console.log("\u2602"); // 这里的 2602 采用的是16进制。 +console.log("\u2600"); // 这里的 2600 采用的是16进制 +console.log("\u2602"); // 这里的 2602 采用的是16进制。 ``` - 打印结果: - ![](http://img.smyhvae.com/20181222_1218.png) - 2、同样,我们可以在网页中使用Unicode编码。格式如下: ``` -&#编码; +&#四位编码; ``` PS:我们知道,Unicode编码采用的是16进制,但是,这里的编码需要使用10进制。 @@ -596,7 +549,7 @@ PS:我们知道,Unicode编码采用的是16进制,但是,这里的编码 举例如下: ```html -

+

``` @@ -607,9 +560,9 @@ PS:我们知道,Unicode编码采用的是16进制,但是,这里的编码 ## 我的公众号 -想学习**代码之外的技能**?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。 +想学习**代码之外的技能**?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。 扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外: -![](http://img.smyhvae.com/2016040102.jpg) +![](http://img.smyhvae.com/20200101.png) diff --git a/04-JavaScript基础/25-内置对象:Math.md b/04-JavaScript基础/25-内置对象:Math.md index 7584e96..5da8df1 100644 --- a/04-JavaScript基础/25-内置对象:Math.md +++ b/04-JavaScript基础/25-内置对象:Math.md @@ -63,6 +63,55 @@ Math属于一个工具类,里面封装了数学运算相关的属性和方法 Math.round(Math.random()*(y-x)+x) ``` + +### 乘方 + +如果想计算 `a 的 b 次方`,可以使用如下函数: + +``` + Math.pow(a, b); +``` + +Math的中文是“数学”,pow是“power 幂”。 + +**举例1:** + +![](http://img.smyhvae.com/20180117_1730.png) + +代码实现: + +``` + var a = Math.pow(3, Math.pow(2, 2)); + console.log(a); +``` + +**举例2:** + +![](http://img.smyhvae.com/20180117_1740.png) + +代码实现: + +``` + var a = Math.pow(Math.pow(3, 2), 4); + console.log(a); +``` + +### 开方 + +如果想计算数值a的开二次方,可以使用如下函数: + +``` + Math.sqrt(a); +``` + +sqrt即“square 开方”。比如: + +``` + var a = Math.sqrt(36); +``` + + + ## url 编码和解码 URI (Uniform ResourceIdentifiers,通用资源标识符)进行编码,以便发送给浏览器。有效的URI中不能包含某些字符,例如空格。而这URI编码方法就可以对URI进行编码,它们用特殊的UTF-8编码替换所有无效的字符,从而让浏览器能够接受和理解。