update:switch语句
This commit is contained in:
parent
a964fd8e9b
commit
e6e70922c8
@ -318,7 +318,7 @@ JS代码如下:
|
||||
|
||||
## 我的公众号
|
||||
|
||||
想学习<font color=#0000ff>**代码之外的软技能**</font>?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。
|
||||
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。
|
||||
|
||||
扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:
|
||||
|
||||
|
@ -578,7 +578,7 @@ null和undefined有最大的相似性。看看null == undefined的结果(true)
|
||||
|
||||
## 我的公众号
|
||||
|
||||
想学习<font color=#0000ff>**代码之外的软技能**</font>?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。
|
||||
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。
|
||||
|
||||
扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:
|
||||
|
||||
|
@ -229,7 +229,7 @@ PS:上面的这就种情况,很重要,开发中会经常用到。
|
||||
|
||||
## 我的公众号
|
||||
|
||||
想学习<font color=#0000ff>**代码之外的软技能**</font>?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。
|
||||
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。
|
||||
|
||||
扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:
|
||||
|
@ -614,7 +614,7 @@ PS:我们知道,Unicode编码采用的是16进制,但是,这里的编码
|
||||
|
||||
## 我的公众号
|
||||
|
||||
想学习<font color=#0000ff>**代码之外的软技能**</font>?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。
|
||||
想学习<font color=#0000ff>**代码之外的技能**</font>?不妨关注我的微信公众号:**千古壹号**(id:`qianguyihao`)。
|
||||
|
||||
扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:
|
||||
|
||||
|
@ -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)
|
||||
备注2:break可以省略,但一般不建议。否则结果可能不是你想要的,会出现一个现象:**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`)。
|
||||
|
||||
扫一扫,你将发现另一个全新的世界,而这将是一场美丽的意外:
|
||||
|
||||
|
@ -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);
|
||||
}
|
||||
```
|
||||
|
||||
死循环。
|
||||
|
@ -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
|
||||
|
Loading…
Reference in New Issue
Block a user