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

update: 流程控制语句

Browse Source
This commit is contained in:
qianguyihao 2019-12-13 15:17:12 +08:00
parent 750623572d
commit 32956bb0af
4 changed files with 98 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
04-JavaScript基础/05-运算符.md
View File

@ -9,7 +9,7 @@
**表达式**：由数字、运算符、变量的组合（组成的式子）。 **表达式**：由数字、运算符、变量的组合（组成的式子）。
表达式最终都会有一个运算结果，我们称这个结果为表达式的**返回值**。 表达式最终都会有一个运算结果，我们将这个结果称为表达式的**返回值**。
比如：`+`、`*`、`/`、`(` 都是**运算符**，而`（3+5）/2`则是**表达式**。 比如：`+`、`*`、`/`、`(` 都是**运算符**，而`（3+5）/2`则是**表达式**。
@ -296,9 +296,9 @@ console.log('result：' + result); // 打印结果：6（也就是说最后面
- 如果第一个值为false，则返回第二个值（（如果所有的值都为false，则返回的是最后一个值）。 - 如果第一个值为false，则返回第二个值（（如果所有的值都为false，则返回的是最后一个值）。
实际开发中，我们经常是这样来处理容错的： 实际开发中，我们经常是这样来做「容错处理」的：
当成功调用一个接口后，返回的数据为 result 对象。这个时候，我们用变量 a 来接收 result 里的图片资源。通常的写法是这样的：（这里我只是举个例子） 当成功调用一个接口后，返回的数据为 result 对象。这个时候，我们用变量 a 来接收 result 里的图片资源。通常的写法是这样的：
```javascript ```javascript
@ -372,11 +372,11 @@ console.log(true > false); //true
``` ```
（2）特殊情况：如果符号两侧的值都是字符串时，**不会**将其转换为数字进行比较。比较两个字符串时，比较的是字符串的**Unicode编码**。【非常重要，这里是个大坑】 （2）特殊情况：如果符号两侧的值都是字符串时，**不会**将其转换为数字进行比较。比较两个字符串时，比较的是字符串的**Unicode编码**。【非常重要，这里是个大坑，很容易踩到】
比较字符编码时，是一位一位进行比较。如果两位一样，则比较下一位，所以借用它可以来对英文进行排序。 比较字符编码时，是一位一位进行比较。如果两位一样，则比较下一位。
PS：所以说，当你尝试去比较`"123"`和`"56"`这两个字符串时，你会发现，字符串"56"竟然比字符串"123"要大。也就是说，下面这样代码的打印结果，其实是true:（这个我们一定要注意，在日常开发中，很容易忽视） 比如说，当你尝试去比较`"123"`和`"56"`这两个字符串时，你会发现，字符串"56"竟然比字符串"123"要大。也就是说，下面这样代码的打印结果，其实是true:（这个我们一定要注意，在日常开发中，很容易忽视）
```javascript ```javascript
// 比较两个字符串时，比较的是字符串的字符编码，所以可能会得到不可预期的结果 // 比较两个字符串时，比较的是字符串的字符编码，所以可能会得到不可预期的结果
@ -538,7 +538,7 @@ console.log("\u2602"); // 这里的 2602 采用的是16进制。
![](http://img.smyhvae.com/20181222_1218.png) ![](http://img.smyhvae.com/20181222_1218.png)
2、同样，我们可以在网页中使用Unicode编码。格式如下： 2、我们还可以在 HTML 网页中使用Unicode编码。格式如下：
``` ```
&#四位编码; &#四位编码;

160
04-JavaScript基础/09-流程控制语句：选择结构（if和switch）.md → 04-JavaScript基础/06-流程控制语句：选择结构（if和switch）.md
View File

@ -12,13 +12,13 @@ JS中的代码块，只具有**分组**的作用，没有其他的用途。
代码块中的内容，在外部是完全可见的。举例： 代码块中的内容，在外部是完全可见的。举例：
```javascript ```javascript
{ {
var a = 2; var a = 2;
alert("smyhvae"); alert("qianguyihao");
console.log("永不止步"); console.log("永不止步");
} }
console.log("a = " + a); console.log("a = " + a);
``` ```
打印结果：（可以看出，虽然变量 a 是定义在代码块中的，但是在外部依然可以访问） 打印结果：（可以看出，虽然变量 a 是定义在代码块中的，但是在外部依然可以访问）
@ -59,10 +59,10 @@ if语句有以下三种。
格式： 格式：
```javascript ```javascript
if (条件表达式) { if (条件表达式) {
// 条件为真时，做的事情 // 条件为真时，做的事情
} }
``` ```
@ -72,31 +72,31 @@ if语句有以下三种。
格式1： 格式1：
```javascript ```javascript
if (条件表达式) { if (条件表达式) {
// 条件为真时，做的事情 // 条件为真时，做的事情
} else { } else {
// 条件为假时，做的事情 // 条件为假时，做的事情
} }
``` ```
格式：（多分支的if语句） 格式2：（多分支的if语句）
```javascript ```javascript
if (条件表达式1) { if (条件表达式1) {
// 条件1为真时，做的事情 // 条件1为真时，做的事情
} else if (条件表达式2) { } else if (条件表达式2) {
// 条件1不满足，条件2满足时，做的事情 // 条件1不满足，条件2满足时，做的事情
} else if (条件表达式3) { } else if (条件表达式3) {
// 条件1、2不满足，条件3满足时，做的事情 // 条件1、2不满足，条件3满足时，做的事情
} else { } else {
// 条件1、2、3都不满足时，做的事情 // 条件1、2、3都不满足时，做的事情
} }
``` ```
以上所有的语句体中，只执行其中一个。 以上所有的语句体中，只执行其中一个。
@ -104,21 +104,21 @@ if语句有以下三种。
### 做个题目 ### 做个题目
``` ```
根据BMI（身体质量指数）显示一个人的体型。 根据BMI（身体质量指数）显示一个人的体型。
BMI指数，就是体重、身高的一个计算公式。公式是： BMI指数，就是体重、身高的一个计算公式。公式是：
BMI =体重÷身高的平方 BMI =体重÷身高的平方
比如，老师的体重是81.6公斤，身高是1.71米。 比如，老师的体重是81.6公斤，身高是1.71米。
那么老师的BMI就是 81.6 ÷ 1.712 等于 27.906022365856163 那么老师的BMI就是 81.6 ÷ 1.712 等于 27.906022365856163
过轻：低于18.5 过轻：低于18.5
正常：18.5-24.99999999 正常：18.5-24.99999999
过重：25-27.9999999 过重：25-27.9999999
肥胖：28-32 肥胖：28-32
非常肥胖, 高于32 非常肥胖, 高于32
用JavaScript开发一个程序，让用户先输入自己的体重，然后输入自己的身高（弹出两次prompt框）。 用JavaScript开发一个程序，让用户先输入自己的体重，然后输入自己的身高（弹出两次prompt框）。
计算它的BMI，根据上表，弹出用户的身体情况。比如“过轻” 、 “正常” 、“过重” 、 “肥胖” 、“非常肥胖”。 计算它的BMI，根据上表，弹出用户的身体情况。比如“过轻” 、 “正常” 、“过重” 、 “肥胖” 、“非常肥胖”。
``` ```
**答案**： **答案**：
@ -126,45 +126,45 @@ if语句有以下三种。
写法1： 写法1：
```javascript ```javascript
//第一步，输入身高和体重 //第一步，输入身高和体重
var height = parseFloat(prompt("请输入身高，单位是米")); var height = parseFloat(prompt("请输入身高，单位是米"));
var weight = parseFloat(prompt("请输入体重，单位是公斤")); var weight = parseFloat(prompt("请输入体重，单位是公斤"));
//第二步，计算BMI指数 //第二步，计算BMI指数
var BMI = weight / Math.pow(height, 2); var BMI = weight / Math.pow(height, 2);
//第三步，if语句来判断。注意跳楼现象 //第三步，if语句来判断。注意跳楼现象
if (BMI < 18.5) { if (BMI < 18.5) {
alert("偏瘦"); alert("偏瘦");
} else if (BMI < 25) { } else if (BMI < 25) {
alert("正常"); alert("正常");
} else if (BMI < 28) { } else if (BMI < 28) {
alert("过重"); alert("过重");
} else if (BMI <= 32) { } else if (BMI <= 32) {
alert("肥胖"); alert("肥胖");
} else { } else {
alert("非常肥胖"); alert("非常肥胖");
} }
``` ```
写法2： 写法2：
```javascript ```javascript
//第一步，输入身高和体重 //第一步，输入身高和体重
var height = parseFloat(prompt("请输入身高，单位是米")); var height = parseFloat(prompt("请输入身高，单位是米"));
var weight = parseFloat(prompt("请输入体重，单位是公斤")); var weight = parseFloat(prompt("请输入体重，单位是公斤"));
//第二步，计算BMI指数 //第二步，计算BMI指数
var BMI = weight / Math.pow(height, 2); var BMI = weight / Math.pow(height, 2);
//第三步，if语句来判断。注意跳楼现象 //第三步，if语句来判断。注意跳楼现象
if (BMI > 32) { if (BMI > 32) {
alert("非常肥胖"); alert("非常肥胖");
} else if (BMI >= 28) { } else if (BMI >= 28) {
alert("肥胖"); alert("肥胖");
} else if (BMI >= 25) { } else if (BMI >= 25) {
alert("过重"); alert("过重");
} else if (BMI >= 18.5) { } else if (BMI >= 18.5) {
alert("正常") alert("正常")
} else { } else {
alert("偏瘦"); alert("偏瘦");
} }
``` ```
### if语句的嵌套 ### if语句的嵌套
@ -172,10 +172,10 @@ if语句有以下三种。
我们通过下面这个例子来引出if语句的嵌套。 我们通过下面这个例子来引出if语句的嵌套。
``` ```
一个加油站为了鼓励车主多加油，所以加的多有优惠。 一个加油站为了鼓励车主多加油，所以加的多有优惠。
92号汽油，每升6元；如果大于等于20升，那么每升5.9； 92号汽油，每升6元；如果大于等于20升，那么每升5.9；
97号汽油，每升7元；如果大于等于30升，那么每升6.95 97号汽油，每升7元；如果大于等于30升，那么每升6.95
编写JS程序，用户输入自己的汽油编号，然后输入自己加多少升，弹出价格。 编写JS程序，用户输入自己的汽油编号，然后输入自己加多少升，弹出价格。
``` ```
![](http://img.smyhvae.com/20180117_2232.png) ![](http://img.smyhvae.com/20180117_2232.png)
@ -204,7 +204,7 @@ if (bianhao == 92) {
var price = sheng * 7; var price = sheng * 7;
} }
} else { } else {
alert("对不起，没有这个编号的汽油！"); alert("不好意思，没有这个编号的汽油！");
} }
alert("价格是" + price); alert("价格是" + price);
@ -236,7 +236,15 @@ switch(表达式) {
} }
``` ```
注意， JS 是属于弱类型语言，这里面的`值1`、`值2`可以是 `'a'`、`6`、`true` 等任意数据类型。
**注意**：
- switch 可以理解为“开关、转换” 。case 可以理解为“案例、选项”。
- switch 后面的**括号里**可以是**表达式**或者**值**， 通常是一个**变量**（通常做法是：先把表达式或者值存放到变量中）。
- JS 是属于弱类型语言，case 后面的`值1`、`值2`可以是 `'a'`、`6`、`true` 等任意数据类型的值，也可以是表达式。
### switch语句的执行流程 ### switch语句的执行流程

2
04-JavaScript基础/10-流程控制语句：循环结构（for和while）.md → 04-JavaScript基础/07-流程控制语句：循环结构（for和while）.md
View File

@ -304,7 +304,7 @@ for (var i = 0; i < 5; i++) {
### continue ### continue
- continue可以用来跳过**当次**循环。 - continue可以用来跳过**当次**循环，继续下一次循环。
- 同样，continue默认只会离他**最近**的循环起作用。 - 同样，continue默认只会离他**最近**的循环起作用。

6
18-推荐链接/01-2019年Web前端最新导航.md
View File

@ -46,6 +46,10 @@
## GitHub 排名统计 ## GitHub 排名统计
- GitHub中文排行榜、高分优秀中文项目：<https://github.com/kon9chunkit/GitHub-Chinese-Top-Charts>
中国区的高分项目，都在这里了。
- GitHub 中国区排名：<https://githuber.cn/search?language=JavaScript> - GitHub 中国区排名：<https://githuber.cn/search?language=JavaScript>
这个网站虽然比较小众，但排名还是相对比较准的。 这个网站虽然比较小众，但排名还是相对比较准的。
@ -62,6 +66,8 @@
你的项目要是能上 GitHub trending，绝对火得一塌糊涂。 你的项目要是能上 GitHub trending，绝对火得一塌糊涂。
2019-12备注：现在的 GitHub trending 已经不是严格按照新增的 star 数来排行了。所以说，这个排名，也不是那么权威了。
## 资讯 ## 资讯
- 36氪：<https://36kr.com/> - 36氪：<https://36kr.com/>