update:switch语句

This commit is contained in:
qianguyihao 2018-12-27 14:10:05 +08:00
parent a964fd8e9b
commit e6e70922c8
18 changed files with 228 additions and 184 deletions

View File

@ -318,7 +318,7 @@ JS代码如下
## 我的公众号
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**id`qianguyihao`)。
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**id`qianguyihao`)。
扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:

View File

@ -578,7 +578,7 @@ null和undefined有最大的相似性。看看null == undefined的结果(true)
## 我的公众号
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**id`qianguyihao`)。
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**id`qianguyihao`)。
扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:

View File

@ -229,7 +229,7 @@ PS上面的这就种情况很重要开发中会经常用到。
## 我的公众号
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**id`qianguyihao`)。
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**id`qianguyihao`)。
扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:

View File

@ -614,7 +614,7 @@ PS我们知道Unicode编码采用的是16进制但是这里的编码
## 我的公众号
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**id`qianguyihao`)。
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**id`qianguyihao`)。
扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:

View File

@ -46,7 +46,7 @@ a = 2
- 循环结构while语句、for语句
**顺序结构**
## 顺序结构
按照代码的先后顺序,依次执行。结构图如下:
@ -217,99 +217,54 @@ if语句有以下三种。
```
## for循环
## switch语句条件分支语句
### for循环的结构
switch语句也叫条件分支语句。
for循环举例
格式
```javascript
for (var i = 1; i <= 100; i++) {
console.log(i);
}
switch(表达式) {
case 值1
语句体1;
break;
case 值2
语句体2;
break;
...
...
default
语句体 n+1;
break;
}
```
上方代码的解释:
备注1当所有的比较结果都为false时则只执行default里的语句。
![](http://img.smyhvae.com/20180117_2248.png)
备注2break可以省略但一般不建议。否则结果可能不是你想要的会出现一个现象**case穿透**。
**switch语句的执行流程**
- 首先计算出表达式的值和case依次比较一旦有对应的值就会执行相应的语句在执行的过程中遇到break就会结束。
- 然后如果所有的case都和表达式的值不匹配就会执行default语句体部分然后程序结束掉。
### for循环遍历
### switch语句的结束条件
- 情况a遇到break就结束而不是遇到default就结束。因为break在此处的作用就是退出switch语句
- 情况b执行到程序的末尾就结束。
我们来举两个例子就明白了。
```javascript
for (var i = 1; i < 13; i = i + 4) {
console.log(i);
}
```
上方代码的遍历步骤:
```
程序一运行将执行var i = 1;这条语句, 所以i的值是1。
然后程序会验证一下i < 13是否满足1<13是真所以执行一次循环体就是大括号里面的语句
执行完循环体之后会执行i=i+4这条语句所以i的值是5。
程序会会验证一下i < 13是否满足5<13是真所以执行一次循环体就是大括号里面的语句
执行完循环体之后会执行i=i+4这条语句所以i的值是9。
程序会会验证一下i < 13是否满足9<13是真所以执行一次循环体就是大括号里面的语句
执行完循环体之后会执行i=i+4这条语句所以i的值是13。
程序会会验证一下i < 13是否满足13<13是假所以不执行循环体了将退出循环
最终输出输出结果为1、5、9
```
接下来做几个题目。
题目1
```javascript
for (var i = 1; i < 10; i = i + 3) {
i = i + 1;
console.log(i);
}
```
输出结果2、6、10
题目2
```javascript
for (var i = 1; i <= 10; i++) {
}
console.log(i);
```
输出结果11
题目3
```javascript
for(var i = 1; i < 7; i = i + 3){
}
console.log(i);
```
输出结果7
题目4
```javascript
for (var i = 1; i > 0; i++) {
console.log(i);
}
```
死循环。
## switch语句
当所有的比较结果都为false时则只执行default里的语句。
## break和continue
@ -335,107 +290,9 @@ for循环举例
暂略。
## 函数
函数:就是将一些语句进行**封装**,然后通过**调用**的形式,执行这些语句。
**函数的作用:**
- 将大量重复的语句写在函数里,以后需要这些语句的时候,可以直接调用函数,避免重复劳动。
- 简化编程,让编程模块化。
先来看个例子:
```javascript
console.log("你好");
sayHello(); //调用函数
//定义函数:
function sayHello(){
console.log("欢迎");
console.log("welcome");
}
```
### 第一步:函数的定义
函数定义的语法:
```javascript
function sum(a, b){
return a+b;
}
```
解释如下:
- function是一个关键字。中文是“函数”、“功能”。
- 函数名字:命名规定和变量的命名规定一样。只能是字母、数字、下划线、美元符号,不能以数字开头。
- 参数:后面有一对小括号,里面是放参数用的。
- 大括号里面,是这个函数的语句。
PS方法写完之后我们在方法的前面输入`/**`,然后回车,会发现,注释的格式会自动补齐。
### 第二步:函数的调用
函数调用的语法:
```javascript
函数名字();
```
### 函数的参数:形参和实参
函数的参数包括形参和实参。来看下面的图就懂了:
![](http://img.smyhvae.com/20180118_1130.png)
注意:实际参数和形式参数的个数,要相同。
举例:
```javascript
sum(3,4);
sum("3",4);
sum("Hello","World");
//函数:求和
function sum(a, b) {
console.log(a + b);
}
```
控制台输出结果:
```
7
34
helloworld
```
### 函数的返回值
举例:
```javascript
console.log(sum(3, 4));
//函数:求和
function sum(a, b) {
return a + b;
}
```
return的作用是结束方法。
## 我的公众号
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**id`qianguyihao`)。
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**id`qianguyihao`)。
扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:

View File

@ -1 +1,90 @@
06-流程控制语句循环结构for和while.mds
## for循环
### for循环的结构
for循环举例
```javascript
for (var i = 1; i <= 100; i++) {
console.log(i);
}
```
上方代码的解释:
![](http://img.smyhvae.com/20180117_2248.png)
### for循环遍历
```javascript
for (var i = 1; i < 13; i = i + 4) {
console.log(i);
}
```
上方代码的遍历步骤:
```
程序一运行将执行var i = 1;这条语句, 所以i的值是1。
然后程序会验证一下i < 13是否满足1<13是真所以执行一次循环体就是大括号里面的语句
执行完循环体之后会执行i=i+4这条语句所以i的值是5。
程序会会验证一下i < 13是否满足5<13是真所以执行一次循环体就是大括号里面的语句
执行完循环体之后会执行i=i+4这条语句所以i的值是9。
程序会会验证一下i < 13是否满足9<13是真所以执行一次循环体就是大括号里面的语句
执行完循环体之后会执行i=i+4这条语句所以i的值是13。
程序会会验证一下i < 13是否满足13<13是假所以不执行循环体了将退出循环
最终输出输出结果为1、5、9
```
接下来做几个题目。
题目1
```javascript
for (var i = 1; i < 10; i = i + 3) {
i = i + 1;
console.log(i);
}
```
输出结果2、6、10
题目2
```javascript
for (var i = 1; i <= 10; i++) {
}
console.log(i);
```
输出结果11
题目3
```javascript
for(var i = 1; i < 7; i = i + 3){
}
console.log(i);
```
输出结果7
题目4
```javascript
for (var i = 1; i > 0; i++) {
console.log(i);
}
```
死循环。

View File

@ -1,5 +1,103 @@
## 函数
函数:就是将一些语句进行**封装**,然后通过**调用**的形式,执行这些语句。
**函数的作用:**
- 将大量重复的语句写在函数里,以后需要这些语句的时候,可以直接调用函数,避免重复劳动。
- 简化编程,让编程模块化。
先来看个例子:
```javascript
console.log("你好");
sayHello(); //调用函数
//定义函数:
function sayHello(){
console.log("欢迎");
console.log("welcome");
}
```
### 第一步:函数的定义
函数定义的语法:
```javascript
function sum(a, b){
return a+b;
}
```
解释如下:
- function是一个关键字。中文是“函数”、“功能”。
- 函数名字:命名规定和变量的命名规定一样。只能是字母、数字、下划线、美元符号,不能以数字开头。
- 参数:后面有一对小括号,里面是放参数用的。
- 大括号里面,是这个函数的语句。
PS方法写完之后我们在方法的前面输入`/**`,然后回车,会发现,注释的格式会自动补齐。
### 第二步:函数的调用
函数调用的语法:
```javascript
函数名字();
```
### 函数的参数:形参和实参
函数的参数包括形参和实参。来看下面的图就懂了:
![](http://img.smyhvae.com/20180118_1130.png)
注意:实际参数和形式参数的个数,要相同。
举例:
```javascript
sum(3,4);
sum("3",4);
sum("Hello","World");
//函数:求和
function sum(a, b) {
console.log(a + b);
}
```
控制台输出结果:
```
7
34
helloworld
```
### 函数的返回值
举例:
```javascript
console.log(sum(3, 4));
//函数:求和
function sum(a, b) {
return a + b;
}
```
return的作用是结束方法。
## 函数 function