From a964fd8e9bd39a7bcfeb0a242a06b69c3c8a6aba Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Thu, 27 Dec 2018 13:06:39 +0800 Subject: [PATCH] =?UTF-8?q?update:if=E8=AF=AD=E5=8F=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...).md => 05-流程控制语句:选择结构(if和switch).md} | 77 +++++++++++-------- .../06-流程控制语句:循环结构(for和while).md | 1 + .../{06-对象简介.md => 19-对象简介.md} | 0 03-JavaScript基础/{07-函数.md => 20-函数.md} | 0 ...、作用域和this.md => 21-对象、作用域和this.md} | 0 ...函数和原型.md => 22-对象的创建、构造函数和原型.md} | 0 03-JavaScript基础/{10-数组.md => 23-数组.md} | 0 .../{12-内置对象.md => 24-内置对象.md} | 0 .../{13-DOM操作.md => 25-DOM操作.md} | 0 ...象Event和冒泡.md => 26-事件对象Event和冒泡.md} | 0 .../{15-事件委托.md => 27-事件委托.md} | 0 ...和内置对象.md => 28-BOM的常见内置方法和内置对象.md} | 0 .../{17-原型链.md => 29-原型链.md} | 0 .../{21-常见代码解读.md => 30-常见代码解读.md} | 0 20-前端综合/微信群好友分享整理.md | 17 ++++ 15 files changed, 63 insertions(+), 32 deletions(-) rename 03-JavaScript基础/{05-循环控制(if语句&for循环).md => 05-流程控制语句:选择结构(if和switch).md} (91%) create mode 100644 03-JavaScript基础/06-流程控制语句:循环结构(for和while).md rename 03-JavaScript基础/{06-对象简介.md => 19-对象简介.md} (100%) rename 03-JavaScript基础/{07-函数.md => 20-函数.md} (100%) rename 03-JavaScript基础/{08-对象、作用域和this.md => 21-对象、作用域和this.md} (100%) rename 03-JavaScript基础/{09-对象的创建、构造函数和原型.md => 22-对象的创建、构造函数和原型.md} (100%) rename 03-JavaScript基础/{10-数组.md => 23-数组.md} (100%) rename 03-JavaScript基础/{12-内置对象.md => 24-内置对象.md} (100%) rename 03-JavaScript基础/{13-DOM操作.md => 25-DOM操作.md} (100%) rename 03-JavaScript基础/{14-事件对象Event和冒泡.md => 26-事件对象Event和冒泡.md} (100%) rename 03-JavaScript基础/{15-事件委托.md => 27-事件委托.md} (100%) rename 03-JavaScript基础/{16-BOM的常见内置方法和内置对象.md => 28-BOM的常见内置方法和内置对象.md} (100%) rename 03-JavaScript基础/{17-原型链.md => 29-原型链.md} (100%) rename 03-JavaScript基础/{21-常见代码解读.md => 30-常见代码解读.md} (100%) create mode 100644 20-前端综合/微信群好友分享整理.md diff --git a/03-JavaScript基础/05-循环控制(if语句&for循环).md b/03-JavaScript基础/05-流程控制语句:选择结构(if和switch).md similarity index 91% rename from 03-JavaScript基础/05-循环控制(if语句&for循环).md rename to 03-JavaScript基础/05-流程控制语句:选择结构(if和switch).md index 9577dfb..c753d15 100644 --- a/03-JavaScript基础/05-循环控制(if语句&for循环).md +++ b/03-JavaScript基础/05-流程控制语句:选择结构(if和switch).md @@ -31,11 +31,51 @@ a = 2 ``` +## 流程控制语句 + + +在一个程序执行的过程中,各条语句的执行顺序对程序的结果是有直接影响的。所以,我们必须清楚每条语句的执行流程。而且,很多时候我们要通过控制语句的执行顺序来实现我们要完成的功能。 + + +### 流程控制语句分类 + +- 顺序结构 + +- 选择结构:if语句、switch语句 + +- 循环结构:while语句、for语句 + + +**顺序结构**: + +按照代码的先后顺序,依次执行。结构图如下: + +20181227_1200.png + + + ## if语句 -### 最基本的if语句 +if语句有以下三种。 -if语句的结构体:(格式) +### 1、条件判断语句 + +> 条件成立才执行。如果条件不成立,那就什么都不做。 + +格式: + +```javascript + if (条件表达式) { + // 条件为真时,做的事情 + + } +``` + + +### 2、条件分支语句 + + +格式1: ```javascript if (条件表达式) { @@ -47,11 +87,8 @@ if语句的结构体:(格式) } ``` -if语句也成为“选择语句”、“条件判断语句”。 -### 多分支的if语句 - -格式: +格式:(多分支的if语句) ```javascript if (条件表达式1) { @@ -70,7 +107,7 @@ if语句也成为“选择语句”、“条件判断语句”。 以上所有的语句体中,只执行其中一个。 -做个题目: +### 做个题目 ``` 根据BMI(身体质量指数)显示一个人的体型。 @@ -90,7 +127,7 @@ if语句也成为“选择语句”、“条件判断语句”。 计算它的BMI,根据上表,弹出用户的身体情况。比如“过轻” 、 “正常” 、“过重” 、 “肥胖” 、“非常肥胖”。 ``` -答案: +**答案**: 写法1: @@ -179,30 +216,6 @@ if语句也成为“选择语句”、“条件判断语句”。 alert("价格是" + price); ``` -### if语句的几个小知识点 - -(1)else部分可以省略。例如: - -```javascript - var a = 10; - if(a > 20){ - alert("这个数字大于20"); - } - -``` - -没有else部分,则代表没有“否则”。如果条件表达式不满足了,那么就什么都不做。 - -(1)如果要做的事情只有一句话,那么大括号就可以省略。例如: - -```javascript - var a = 2; - if(a > 5) alert("这个数字大于5"); - alert("哈哈"); - -``` - -弹出的内容是“哈哈”。 ## for循环 diff --git a/03-JavaScript基础/06-流程控制语句:循环结构(for和while).md b/03-JavaScript基础/06-流程控制语句:循环结构(for和while).md new file mode 100644 index 0000000..b3e0f9a --- /dev/null +++ b/03-JavaScript基础/06-流程控制语句:循环结构(for和while).md @@ -0,0 +1 @@ +06-流程控制语句:循环结构(for和while).mds \ No newline at end of file diff --git a/03-JavaScript基础/06-对象简介.md b/03-JavaScript基础/19-对象简介.md similarity index 100% rename from 03-JavaScript基础/06-对象简介.md rename to 03-JavaScript基础/19-对象简介.md diff --git a/03-JavaScript基础/07-函数.md b/03-JavaScript基础/20-函数.md similarity index 100% rename from 03-JavaScript基础/07-函数.md rename to 03-JavaScript基础/20-函数.md diff --git a/03-JavaScript基础/08-对象、作用域和this.md b/03-JavaScript基础/21-对象、作用域和this.md similarity index 100% rename from 03-JavaScript基础/08-对象、作用域和this.md rename to 03-JavaScript基础/21-对象、作用域和this.md diff --git a/03-JavaScript基础/09-对象的创建、构造函数和原型.md b/03-JavaScript基础/22-对象的创建、构造函数和原型.md similarity index 100% rename from 03-JavaScript基础/09-对象的创建、构造函数和原型.md rename to 03-JavaScript基础/22-对象的创建、构造函数和原型.md diff --git a/03-JavaScript基础/10-数组.md b/03-JavaScript基础/23-数组.md similarity index 100% rename from 03-JavaScript基础/10-数组.md rename to 03-JavaScript基础/23-数组.md diff --git a/03-JavaScript基础/12-内置对象.md b/03-JavaScript基础/24-内置对象.md similarity index 100% rename from 03-JavaScript基础/12-内置对象.md rename to 03-JavaScript基础/24-内置对象.md diff --git a/03-JavaScript基础/13-DOM操作.md b/03-JavaScript基础/25-DOM操作.md similarity index 100% rename from 03-JavaScript基础/13-DOM操作.md rename to 03-JavaScript基础/25-DOM操作.md diff --git a/03-JavaScript基础/14-事件对象Event和冒泡.md b/03-JavaScript基础/26-事件对象Event和冒泡.md similarity index 100% rename from 03-JavaScript基础/14-事件对象Event和冒泡.md rename to 03-JavaScript基础/26-事件对象Event和冒泡.md diff --git a/03-JavaScript基础/15-事件委托.md b/03-JavaScript基础/27-事件委托.md similarity index 100% rename from 03-JavaScript基础/15-事件委托.md rename to 03-JavaScript基础/27-事件委托.md diff --git a/03-JavaScript基础/16-BOM的常见内置方法和内置对象.md b/03-JavaScript基础/28-BOM的常见内置方法和内置对象.md similarity index 100% rename from 03-JavaScript基础/16-BOM的常见内置方法和内置对象.md rename to 03-JavaScript基础/28-BOM的常见内置方法和内置对象.md diff --git a/03-JavaScript基础/17-原型链.md b/03-JavaScript基础/29-原型链.md similarity index 100% rename from 03-JavaScript基础/17-原型链.md rename to 03-JavaScript基础/29-原型链.md diff --git a/03-JavaScript基础/21-常见代码解读.md b/03-JavaScript基础/30-常见代码解读.md similarity index 100% rename from 03-JavaScript基础/21-常见代码解读.md rename to 03-JavaScript基础/30-常见代码解读.md diff --git a/20-前端综合/微信群好友分享整理.md b/20-前端综合/微信群好友分享整理.md new file mode 100644 index 0000000..92a4c91 --- /dev/null +++ b/20-前端综合/微信群好友分享整理.md @@ -0,0 +1,17 @@ + + + +### 2018-12-27 + +- 前端大佬汇总: + +几位前端大佬,基本都在里面了,除了我。 + + + +- Canvas: Draw on the web(HTML5 Canvas 教程): + +有位网友,前几天做分享战绩的时候就用到了这个。 + + +