《移动应用设计与开发-前端开发》课件-第二章：JavaScript语言基础

JavaScript脚本语言

--JavaScript语言基础目录1.2数据类型—数值型1.1变量、常量的定义1.4数据类型—字符串、undefied1.3数据类型—布尔型、null1.5数据类型检测1.6数据类型转换（上)1.7数据类型转换（下)1.8表达式1.10流程控制语句—if语句1.9运算符1.12流程控制语句—for语句1.11流程控制语句—switch语句1.13流程控制语句—双重for循环语句1.14流程控制语句—while和do...while1.15跳转语句——break和continue1.16案例-制作简易计算器JavaScript脚本语言--变量、常量定义返回目录变量01标识符0203使用04赋值关键字与保留字返回目录变量标识符

概念：

程序开发中，经常需要自定义一些符号来标记一些名称，并赋予其

特定的用途，如变量名、函数名等，这些符号都被称为标识符。

返回目录变量标识符

123456由字母、数字、下划线、$符组成不能以数字开头严格区分大小写不能使用关键字、保留字尽量要做到“见其名知其意”

建议遵循驼峰命名法（userName）定义规则返回目录变量标识符

It√

it√t-o×to×age66√

_age√789lu×$name√判断以下标识符是否合法返回目录变量01标识符0203使用04赋值关键字与保留字返回目录变量2.关键字

关键字：是指在JavaScript语言中被事先定义好并赋予特殊含义的单词。breakcasecatchclassconstcontinuedebuggerdefaultdeletedoelseexportextendsfalsefinallyforfunctionifimportininstanceofnewnullreturnsuperswitchthisthrowtrytruetypeofvarvoidwhilewithyield

注意：关键字不能作为变量名和函数名使用，否则JavaScript载入过程中会出现语法错误。返回目录变量2.保留字

保留字：是指系统预留的，未来可能会成为关键字的单词。abstractargumentsawaitbytebooleanchardoubleenumevalfinalfloatgotoimplementsintinterfaceletlongnativepackageprivateprotectedpublicshortstaticsynchronizedthrowstransientvolatile

注意：标识符在定义时，建议不要用保留字，避免保留字转换为关键字时出现错误。返回目录变量01标识符0203使用04赋值关键字与保留字返回目录变量3.变量的使用

概念：变量可以看作是存储数据的容器。举例：盛水的杯子，杯子指变量，杯中的水指保存在变量中的数据。变量的概念返回目录变量3.变量的使用

规则：声明变量时要使用var操作符（var是关键），后面跟一个变量名（变量名是标识符）。举例：varage;//声明一个名称为age的变量，行末的分号表示语句结束

varhits,hot;//变量与变量之间使用逗号隔开，可实现一条语句同时声明多个变量var$name=“xiaoming”;//未赋初始值的变量，默认值会被设定为undefined变量的声明返回目录变量01标识符0203使用04赋值关键字与保留字返回目录变量4.变量的赋值

举例12先声明再赋值声明变量的同时为变量赋值34声明多个变量的同时并赋值省略var关键字，直接为变量赋值varheight；height=50；varschool=‘xpc’;Varname=‘tom’,age=18,sex=‘male’;flag=false; a=1,b=2;返回目录常量1、定义常量

常量：可以理解为在脚本运行过程中值始终不变的量。特点：一旦被定义就不能被修改或重新定义。举例：数学中的圆周率π就是一个常量，其值就是固定且不能被改变的。语法：ES6中新增了const关键字，用于实现常量的定义常量命名规则：遵循标识符命名规则，习惯上常量名称总是使用大写字母表示。

constPI=3.14;返回目录JavaScript脚本语言--数据类型——数值型返回目录数据类型1、数据类型分类在计算机中，不同的数据所需占用的存储空间不同，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型JavaScript是一种弱类型语言，不用提前声明变量的数据类型。在程序运行过程中，变量的数据类型会被自动确定。强类型语言：如：Java、C弱类型语言：如：JavaScript

返回目录数据类型1、数据类型分类

JavaScript中的数据类型分为两大类，基本数据类型和复杂数据类型（也称为引用数据类型）。

返回目录数据类型——数值型2、数值型

JavaScript中的数值型可以用来保存整数或浮点数（小数）。varage=18;//整数varpi=3.14;//浮点数（小数）示例代码返回目录数据类型——数值型常见的进制：八进制数：在数字开头加上0，八进制数由0~7组成，逢8进位

例：varoct=032//表示八进制数32，十进制数26十六进制数：在数字开头加上0x，十六进制数由0~9，a~f组成

例：varhex=0x1a//表示十六进制数1a，十进制数26返回目录数据类型——数值型范围：数字型的最大值和最小值：最大值：Number.MAX_VALUE，输出结果：1.7976931348623157e+308最小值：Number.MIN_VALUE，输出结果：5e-324返回目录数据类型——数值型数字型的3个特殊值：Infinity和-Infinity和NaN，举例：Infinity（无穷大）

：如Number.MAX_VALUE*2-Infinity（无穷小）

：如-Number.MAX_VALUE*2NaN（非数值）：如'abc'–100（notanumber）isNaN：用来判断一个变量是否为非数字的类型，返回值为true表示非数字，false表示是数字返回目录数据类型——boolean01数值型02布尔型返回目录数据类型——boolean布尔型是JavaScript中较常用的数据类型之一，通常用于逻辑判断。truefalse只有“true”和“false”两个值；表示事物的“真”和“假”严格遵循大小写，因此true和false值

只有全部为小写时才表

示布尔型。true参与运算当1来看，false参与运算当0来看console.log(true); //输出结果：trueconsole.log(false);

//输出结果：falseconsole.log(true+1);//输出结果：2console.log(false+1);//输出结果：1示例代码返回目录JavaScript脚本语言--数据类型——布尔型、null型返回目录数据类型——boolean01布尔型02null型返回目录数据类型——boolean布尔型是JavaScript中较常用的数据类型之一，通常用于逻辑判断。truefalse只有“true”和“false”两个值；表示事物的“真”和“假”严格遵循大小写，因此true和false值

只有全部为小写时才表

示布尔型。true参与运算当1来看，false参与运算当0来看console.log(true); //输出结果：trueconsole.log(false);

//输出结果：falseconsole.log(true+1);//输出结果：2console.log(false+1);//输出结果：1示例代码返回目录数据类型——null型01布尔型02null型返回目录数据类型——null2、null当然也可以给一个变量赋一个null值，下面通过代码演示null值的使用。//演示null的使用varb=null;console.log(b+1)；

//输出结果：1（b转换为0）示例代码返回目录JavaScript脚本语言--数据类型——字符串型、undefined返回目录数据类型——字符串型01字符串型02undefined型返回目录数据类型——字符串型

字符串是指计算机中用于表示文本的一系列字符，在JavaScript中使用单引号或双引号来包裹字符串。varstr1='单引号字符串';varstr2="双引号字符串";返回目录数据类型——字符串型单、双引号嵌套：在单引号字符串中可以直接书写双引号在双引号字符串中也可以直接书写单引号varcolor='"red"blue'; //单引号中包含双引号varfood=“‘pizza’bread”;

//双引号中包含单引号返回目录数据类型——字符串型转义符：在字符串中使用换行、Tab等特殊符号时，可以用转义符来进行转义，转义符以“\”开始。常见转义符见下表。转义符解释说明转义符解释说明\'单引号\"双引号\nLF换行，n表示newline\v跳格（Tab、水平）\tTab符号\rCR换行\f换页\\反斜线（\）\b退格，b表示blank\0Null字节\xhh由2位十六进制数字hh表示的ISO-8859-1字符。如“\x61”表示“a”\uhhhh由4位十六进制数字hhhh表示的Unicode字符。如“\u597d”表示“好”返回目录数据类型——字符串型字符串长度：字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符串的长度。varstr1='Iamaprogrammer';console.log(str1.length);//获取str1的长度返回目录数据类型——字符串型访问字符串中的字符：字符串可以使用“[index]”语法按照index（索引）访问字符，index从0开始，一直到字符串的长度减1，如果超过了index最大值，会返回undefined。varstr='Iamaprogrammer';console.log(str[0]);//输出结果：Iconsole.log(str[1]);//输出结果：'console.log(str[15]);//输出结果：rconsole.log(str[17]);//输出结果：undefined返回目录数据类型——字符串型字符串拼接：多个字符串之间可以使用“+”进行拼接，如果数据类型不同，拼接前会把其他类型转成字符串，再拼接成一个新的字符串。console.log('a'+'b');//abconsole.log('a'+18);//a18console.log('_'+true);//_trueconsole.log('12'+14);//1214console.log(12+14);//两个数字相加，结果为26返回目录数据类型——undefined型01字符串型02undefined型返回目录数据类型——undefined型1、undefined

如果一个变量声明后没有赋值，则变量的值就是undefined。下面通过代码演示undefined的使用。//演示undefined的使用vara;console.log(a); //输出结果：undefinedconsole.log(a+'_');

//输出结果：undefined_（字符串型）console.log(a+1);

//输出结果：NaN示例代码返回目录JavaScript脚本语言--数据类型检测返回目录数据类型检测varnum1=12,num2=34,sum=0; //声明变量并赋值sum=num1+num2;

//变量进行相加运算请分析并说出变量sum的数据类型，以及为什么？46sum的值✎✎返回目录数据类型检测varnum1=12,num2='34',sum=0; //声明变量并赋值sum=num1+num2;

//变量进行相加运算‘1234’sum的值过程分析：运算符“+”的操作数只要有一个是字符型，则它表示字符拼接。思考结论：加法中对参与运算的数据类型有要求时，需要进行数据类型检测。返回目录console.log(typeofnum1); //输出结果：numberconsole.log(typeofnum2); //输出结果：stringconsole.log(typeofsum); //输出结果：stringtypeof操作符以字符串形式，返回未经计算的操作数的类型。数据类型检测返回目录varage=prompt(“请输入你的年龄”)console.log(typeofage);

//输出结果：string数据类型检测使用prompt()输入年龄age，输入的年龄是哪种类型？

结论：prompt()获取的数据默认是字符串类型✎返回目录JavaScript脚本语言--数据类型转换（上）返回目录转数字型转布尔型

使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算。需要转变变量的数据类型。

有三种类型的转换：

转换为字符串类型、转换为数字型、转换为布尔型。

数据类型转换返回目录转数值型转字符串型转布尔型数据类型转换返回目录数据类型转换应用场景：开发中在接收用户传递的数据进行运算时，为了保证参与运算

的都是数值型，经常需要对其进行转换。转换为数值型的4种常见的方式：

返回目录数据类型转换方式说明案例parseInt(string)String类型转成整数数值型parseInt(‘78’)parseFloat(string)String类型转成浮点数数值型parseFloat(’78.1’)Number()强制转换函数String类型转成数值型Number(‘12’)js隐式转换（-*/）利用算术运算隐式转换为数值型‘12’-0parseInt()函数会直接省略小数部分，返回数据的整数部分返回目录数据类型转换方式说明案例parseInt(string)String类型转成整数数值型parseInt(‘78’)parseFloat(string)String类型转成浮点数数值型parseFloat(’78.1’)Number()强制转换函数String类型转成数值型Number(‘12’)js隐式转换（-*/）利用算术运算隐式转换为数值型‘12’-0parseFloat()函数会将数据转换为浮点数（可以理解为小数）。返回目录数据类型转换方式说明案例parseInt(string)String类型转成整数数值型parseInt(‘78’)parseFloat(string)String类型转成浮点数数值型parseFloat(’78.1’)Number()强制转换函数String类型转成数值型Number(‘12’)js隐式转换（-*/）利用算术运算隐式转换为数值型‘12’-0Number()函数：可以把任意值转换成数值所有函数在转换纯数字时会忽略前导零，如“0123”字符串会被转换

为123。返回目录数据类型转换方式说明案例parseInt(string)String类型转成整数数值型parseInt(‘78’)parseFloat(string)String类型转成浮点数数值型parseFloat(’78.1’)Number()强制转换函数String类型转成数值型Number(‘12’)js隐式转换（-*/）利用算术运算隐式转换为数值型：数字+布尔值：true转换为1，false转换为0数字-字符串：字符转换为数字1+true‘12’-0返回目录JavaScript脚本语言--数据类型转换(下)返回目录转数值型转字符串型转布尔型数据类型转换返回目录数据类型转换方式说明案例toString()转成字符串Varnum=1;alert(num.toString());String()强制转换转成字符串Varnum=1;alert(String(num));“+”拼接字符串和字符串拼接的结果为字符串Varnum=1;alert(num+”

”);转换为字符串型的3种常见的方式：toString()和String()使用方式不一样第三种转换方式称之为隐式转换返回目录转数值型转字符串型转布尔型数据类型转换返回目录数据类型转换应用场景：经常用于表达式和流程控制语句中，如数据的比较、条件的判断。实现语法：Boolean()函数。注意事项：Boolean()函数会将任何非空字符串和非零的数值转换为true，将空字符串、0、NaN、undefined和null转换为false。返回目录JavaScript脚本语言--表达式返回目录表达式概念：表达式可以是各种类型的数据、变量和运算符的集合。

最简单的表达式可以是一个变量。10truenum=200;

!’abc’‘abc’1+2返回目录JavaScript脚本语言--运算符返回目录运算符概念：所谓运算符就是专门用于告诉程序执行特定运算或逻辑操作的符号。赋值运算符逻辑运算符比较运算符三元运算符字符串运算符算术运算符位运算符返回目录运算符1、算术运算符对数值类型的变量及常量进行算数运算。也是最简单和最常用的运算符号。运算符运算范例结果+加5+510-减6-42*乘3*412/除3/21.5%求余5%75**幂运算3**481++自增（前置）a=2,b=++a;a=3;b=3;++自增（后置）a=2,b=a++;a=3;b=2;--自减（前置）a=2,b=--a;a=1;b=1;--自减（后置）a=2,b=a--;a=1;b=2;四则混合运算，遵循“先乘除后加减”的原则。尽量避免利用小数进行运算，有时可能因JavaScript的精度导致结果的偏差。“+”和“-”在算术运算时还可以表示正数或负数。运算符（++或--）放在操作数前面，先进行自增或自减运算，再进行其他运算。若运算符放在操作数后面，则先进行其他运算，再进行自增或自减运算。赋值运算符逻辑运算符比较运算符三元运算符字符串运算符算术运算符位运算符返回目录运算符2、赋值运算符

是一个二元运算符，即它有两个操作数。它将运算符右边的值赋给左边的变量一条赋值语句可以对多个变量进行赋值。运算符运算范例结果=

赋值a=3,b=2;a=3;b=2;+=加并赋值a=3,b=2;a+=b;(a=a+b)a=5;b=2;-=减并赋值a=3,b=2;a-=b;(a=a-b)a=1;b=2;*=乘并赋值a=3,b=2;a*=b;(a=a*b)a=6;b=2;/=除并赋值a=3,b=2;a/=b;(a=a/b)a=1.5;b=2;vara=b=c=8;

分析：①将8赋值给变量c②再把变量c的值赋值给变量b③把变量b的值赋值变量a，表达式赋值完成赋值运算符逻辑运算符比较运算符三元运算符字符串运算符算术运算符位运算符返回目录运算符3、字符串运算符JavaScript中，“+”操作的两个数据中只要有一个是字符型，则“+”就表示字符串拼接运算符，用于返回两个数据拼接后的字符串。varcolor='blue';varstr='Theskyis'+color;vartel=110+'120';console.log(str); console.log(tel); console.log(typeofstr,typeoftel); //输出结果为：Theskyisblue//输出结果为：110120//输出结果：stringstring赋值运算符逻辑运算符比较运算符三元运算符字符串运算符算术运算符位运算符返回目录运算符4、比较运算符用来对两个数值或变量进行比较。其结果是布尔类型的true或false运算符运算范例结果==等于x==4false!=不等于x!=4true===全等x===5true!==不全等x!=='5'true>

大于x>5false>=大于或等于x>=5true<

小于x<5false<=小于或等于x<=5true不相同类型的数据进行比较时，首先会自动将其转换成相同类型的数据后再进行比较。运算符“==”和“!=”运算符在比较时，只比较值是否相等。运算符“===”与“!==”要比较数值和其数据类型是否相等赋值运算符逻辑运算符比较运算符三元运算符字符串运算符算术运算符位运算符返回目录运算符5、逻辑运算符是在程序开发中用于逻辑判断的符号。其返回值类型是布尔类型。逻辑运算符的结合性是从左到右。当使用“&&”连接两个表达式时，如果左边表达式的值为false，则右边的表达式不会执行，逻辑运算结果为false。（短路）当使用“||”连接两个表达式时，如果左边表达式的值为true，则右边的表达式不会执行，逻辑运算结果为true。（短路）逻辑运算符可针对结果为布尔值的表达式进行运算。运算符运算范例结果&&与a&&ba和b都为true，结果为true，否则为false||或a||ba和b中至少有一个为true，则结果为true，否则为false!非!a若a为false，结果为true，否则相反赋值运算符逻辑运算符比较运算符三元运算符字符串运算符算术运算符位运算符返回目录运算符6、位运算符是针对二进制数的每一位进行运算的符号。它专门针对数字0和1进行操作。JavaScript中位运算符仅能对数值型的数据进行运算。在对数字进行位运算之前，程序会将所有的操作数转换成二进制数，然后再逐位运算。赋值运算符逻辑运算符比较运算符三元运算符字符串运算符算术运算符位运算符运算符运算范例结果&按位与a&ba和b每一位进行“与”操作后的结果|按位或a|ba和b每一位进行“或”操作后的结果~按位非~aa的每一位进行“非”操作后的结果^按位异或a^ba和b每一位进行“异或”操作后的结果<<

左移a<<b将a左移b位，右边用0填充>>

右移a>>b将a右移b位，丢弃被移出位，左边最高位用0或1填充>>>

无符号右移a>>>b将a右移b位，丢弃被移出位，左边最高位用0填充

00000000000000000000000000001111&00000000000000000000000000001001——————————————————————00000000000000000000000000001001按位与返回目录运算符7、三元运算符三元运算符是一种需要三个操作数的运算符，运算的结果根据

给定条件决定条件表达式?表达式1:表达式2先求条件表达式的值。如果为true，则返回表达式1的执行结果。如果条件表达式的值为false，则返回表达式2的执行结果。赋值运算符逻辑运算符比较运算符三元运算符字符串运算符算术运算符位运算符返回目录JavaScript脚本语言--流程控制语句—if语句返回目录流程控制语句—if语句简单理解：所谓流程控制就是控制我们的代码按照什么结构顺序来执行。JavaScript中有三大流程控制语句：顺序结构、选择（分支）结构、循环结构顺序结构是程序中最基本的结构，程序会按照代码的先后顺序依次执行分支结构用于根据条件来决定是否执行某个分支代码循环结构用于根据条件来决定是否重复执行某一段代码

返回目录流程控制语句—if语句概念：分支结构用于根据条件来决定是否执行某个分支代码

if…elseif…else多分支语句If单分支语句if…else双分支语句Switch多分支语句返回目录流程控制语句—if语句if…elseif…else多分支语句If单分支语句if…else双分支语句概念：if条件判断语句也被称为单分支语句，当满足某种条件时，就进行某种处理。举例：只有成绩大于等于60分，才输出通过考试，否则无输出。if(条件表达式){

代码段}score

>=60alert(‘通过考试！');返回目录流程控制语句—双分支语句if…elseif…else多分支语句If单分支语句if…else双分支语句概念：if…else语句也称为双分支语句，当满足某种条件时，就进行某种处理，否则进行另一

种处理。举例：判断一个学生的成绩，大于等于60分则是通过考试，否则是未通过考试。if(条件表达式){

代码段1;}else{

代码段2;}score>=60alert(‘通过考试');alert(‘未通过考试');返回目录流程控制语句—多分枝语句if…elseif…else多分支语句If单分支语句if…else双分支语句概念：if…elseif…else语句也称为多分支语句，可针对不同情况进行不同的处理。返回目录流程控制语句—多分枝语句if…elseif…else多分支语句If单分支语句if…else双分支语句举例：对一个学生的考试成绩进行等级的划分，分数在90~100分为优秀，分数在80~89分为良好，分数在70~79分为中等，分数在60~69分为及格，分数小于60则为不及格。if(条件1){

代码段1;}elseif(条件2){

代码段2;}…elseif(条件n){

代码段n; }else{

代码段n+1;}score>=90console.log('优秀');console.log('良好');score>=80score>=60console.log('及格');console.log('不及格');……返回目录JavaScript脚本语言--流程控制语句—switch语句返回目录流程控制语句—switch语句概念：switch语句也是多分支语句，功能与if系列条件语句相同，不同的是

它只能针对某个表达式的值作出判断，从而决定执行相应的段代码。特点：代码更加清晰简洁、便于阅读。

返回目录流程控制语句—switch语句1.switch多分支语句switch(表达式){case值1：

代码段1;

break;case值2：

代码段2;

break;...default:代码段n;}语法结构开关选项返回目录流程控制语句—switch语句1.switch多分支语句switch(表达式){case值1：

代码段1;

break;case值2：

代码段2;

break;...default:代码段n;}执行思路：利用表达式的值和case后面的选项值相匹配；如果匹配上，就执行该case里面的语句；如果没有匹配上，那么就执行default里面的语句。返回目录流程控制语句—switch语句

注意：用户输人的水果名称保存到fruit变量中将该变量作为switch括号里面的表达式case后面的值写的是不同的水果名称。当break用于开关语句switch中时,可使程序跳出switch而执行switch以后的语句举例：实现用户在弹出框中输入一个水果，如果有该水果就弹出该水果的价格，如果没有该水果就弹出“没有此水果”varfruit

=prompt('请您输人查询的水果:‘);switch(fruit){

case“苹果”:

alert(‘苹果的价格是3.5/斤');

break;

case“榴莲”:

alert(‘榴莲的价格是35/斤');

break;

case“香蕉”:

alert(‘香蕉的价格是3/斤');

break;

default:

alert(‘没有此水果‘)}返回目录JavaScript脚本语言--流程控制语句—for语句返回目录流程控制语句—for语句概念：所谓循环语句就是可以实现一段代码的重复执行。

for循环while循环do…while循环返回目录流程控制语句—for语句循环三要素循环变量的初始化；循环条件的判断；循环变量的改变；概念：for循环语句是最常用的循环语句，它适合循环次数已知的情况。返回目录流程控制语句—for语句语法结构for(初始化变量;条件表达式;操作表达式){ //循环体}初始化变量：使用var声明一个普通变量，通常作为计数器使用条件表达式：决定每一次循环是否继续执行，就是终止条件操作表达式：每次循环最后执行的代码，通常用于计数器变量的更新（递增或者递减）返回目录流程控制语句—for语句执行过程举例：输出100句你好for(vari=1;i<=100;i++){console.log(‘你好');}①循环变量的初始化②循环条

件的判断④循环变量的改变③循环体返回目录流程控制语句—for语句举例：1—100之间的所有整数“求偶数和”和“求奇数和”vareven=0;varodd=0;for(vari=1;i<=100;i++){

if(i%2==0){ even+=i;}else{ odd+=i;}}console.log(”偶数和”+even);console.log(”奇数和”+odd);返回目录JavaScript脚本语言--流程控制语句—双重for循环返回目录流程控制语句—双重for循环语句概念很多情况下，单层for循环不能满足我们的需求，比如我们要打印一个5行5列的图形，此时可以通过循环嵌套来实现。星星图案循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构，例如在for循环中，可以再嵌套一个for循环，这样的for循环语句我们称为双重for循环。返回目录流程控制语句—双重for循环语句语法结构for(外层循环变量的初始化;外层循环判断条件;外层循环变量的改变){for(外层循环变量的初始化;外层循环判断条件;外层循环变量的改变){

//

执行语句}}可以把里面的内循环看做是外层循环的语句外层循环循环一次，里面的内循环执行全部返回目录执行过程流程控制语句—双重for循环语句举例：打印五行五列的星星varstr='';for(vari=1;i<=5;i++){for(varj=1;j<=5;j++){str+='☆';}str+='\n'; //换到下一行}console.log(str);返回目录执行过程流程控制语句—双重for循环语句举例：打印如下所示图形行数星星个数123……1098……核心算法里层循环：j=i;j<=10;j++返回目录执行过程流程控制语句—双重for循环语句举例：打印如下所示图形varstr='';for(vari=1;i<=10;i++){for(varj=i;j<=10;j++){str+='☆';}str+='\n'; //换到下一行}console.log(str);返回目录JavaScript脚本语言--流程控制语句—while和do…while返回目录流程控制语句—while和do…while概念：所谓循环语句就是可以实现一段代码的重复执行。

for循环while循环do…while循环返回目录流程控制语句—while和do…while语法结构while(循环条件){

循环体

……}一组重复执行的语句while循环流程图返回目录while执行过程流程控制语句—while和do…while举例：连续输出1-10之间的数字varnum=1;while(循环条件){

循环体

……}num<=10console.log(num);num++;返回目录流程控制语句—while和do…while概念很多情况下，单层for循环不能的图形，此时