28.尚硅谷_JS基础_if语句（一）

啊，我们来说一个又一个比较重要一个东西叫做一个什么呢？叫做一个流程控制语句，啊流程控制语句这个东西就特别有意思了，是吧，我们来说一下什么叫做流程控制语句，流程控制语句我们先来说啊，我们刚才已经反复的再说了，我们这个GS里边的程序是干嘛的呀，GS中的这个程序是什么呀，是从上到下是不是一行一行执行的呀，诶一行一行直行的，比如说我这写一个alert，一个hello，然后呢，写一个什么呢？写一个这个cancel点你好。你好，写这么两个语句，那他们应该先执行谁呀？是不是先执行hello啊，然后再输出你好吧，我一保存hello是不是出来了呀，好，我这一点确定走你你好是不是才出来呀？诶所以是一行一行执行的，先执行13行，再执行14行，但是如果我换一个把你好这can放上边，我就保存走你是不是你好都已经出来了呀，先输出的后乐了啊，所以注意我们这个代码执行是按照什么呀，一行一行，诶从上到下一行一行执行的，那我们想想就是说我的程序它比较固定，你一执行呢，它会干嘛呀，从你这个整个的一个第一行开始执行，是不是执行到你的这个最后一行，诶，那我们想想这样它好不好？

诶，我们先想想啊，现在我们这程序什么样的，咱们画一个简单的图呢？诶去梳理一下这个东西啊，我们画一个简单的图。这里边儿呢，我们来一个这个活动图，活动图呢是来表示的我们一个程序的一个执行的一个流程，首先呢，我们来这儿有一个这个。这有一个这个小点，这表示什么呢？这个点表示我们程序的一个开始，这个点呢，表示我们程序的一个结束啊，这代表一个结束，程序从这开始运行，是不是运行到这儿结束啊，哎，那在我这个程序运行过程当中呢，哎，可能我这有什么呀，有些语句，那可能我这有一个什么呢？有一个这个语句一啊，咱们就简单描述了啊雨一然后往下走呢，可能还有这个语句，二再往下走呢，可能有这个语句。

三再往下呢，可能有这个语句四，咱们简单解写一下，那可能我是不是有很多很多语句啊，哎，不只是这四条，那我们来说语句一在最上面，然后语句二，然后语句三，那我们说他执行的时候应该怎么执行的，从上到下一行行执行吧，诶到这儿开始先执行语句一语执行完了往下走，执行语句二，语句二执行完了再往下走，执行语句三语三执行完了往下走，执行语句四语走，语句四后半是不是没有了呀？哎，往后执行我们程序结束，它是不是一直是从上往下，是不是顺序执行的呀？哎，那我们说这些东西有没有什么问题，那如果说我们的程序只能这样顺序执行，那我们这程序相当相当于什么呀，相当于傻小子，傻小子干嘛呢？他只会只会往前跑，只会往前跑，他会不会拐弯啊，不会拐弯只会干嘛呀，一直往前跑可能干嘛呀，撞上这个墙可能就干嘛了。

停了，同样我们这个程序干嘛呢，它也是只能干嘛呢，这种顺序的一行一行执行吧，那么想想，那我如果要做一些复杂的功能，还能不能完成了。诶，那我们想假设还是说我这个傻小子，这傻小子能干嘛呢？比较傻，他说白了就什么呀，一根筋，诶他爸爸可能跟他说呢，跟这傻小子说了是吧？哎，孩儿你给你给爸爸去打打打一瓶酒去是吧？诶买一瓶酒去，诶然后那个小孩呢，要出门了，出门一看呢，天上下刀子了，他一想我爸让我买酒是吧，就去吧，咔，刚一出门一把刀子就给哆嗦了是吧，他就哆嗦了，那我们想想，那这是不是有点傻呀，那应该什么情况？哎，你出门之前你要先干嘛呀，你先判断一下吧，如果天上下刀叨了，我还去不去啊，哎，不去了，如果没下叨叨，我是不是才去啊？哎，我才去，所以咱们这个程序也是一样，如果我们这个程序只能从上到下执行，这程序是不就一点也不智能啊，是就很傻呀，哎很傻，那所以我们怎么就让它智能了，那来看着我怎么办，我在这呢，把它给。

删了这个东西我给他。删除掉，我不这么写了，我加一什么呢？诶加一个这个菱形，菱形什么特点呢？菱形是不是有四个方向，四个方向的呀，哎，这一个这一个这也是四个方向的呀，四个角，哎我们来干嘛呢？当我语句执行到这儿的时候，在这我做一个什么呢？做一个条件判断，条件判断然后呢，在这儿我重建一个，这也是我们这个语句二语句，我这来一个如果。如果我们这个什么呢。

如果满足我们这个条件一，我就干嘛，我就执行语加，诶在在这儿如果什么呢？如果满足我们这个条件二，如果满足我们这个条件二，我就执行什么呀，我就执行语句三这能看懂吗？来来我可以接着再往下画，我这来什么呢？来一个语句五然后呢，我这再来一个什么呢？来一个这个语句六这写我这可以干嘛了，这箭头我这么连续了。往这儿呢，接着画，直行到语句六呢，我这在干嘛呢？在。结束这个图能看懂吗？首先我们这个还是这么执行的，先往下走，执行我们这个语句一，语句一执行完了来到菱形这进行什么呀？条件判断，如果你满足我条件一我就干嘛呀，我是不是就往这儿走了呀，这还走不走了就不走了啊，如果满足这样一我就往这走，执行语句二执行完语句二执行语句五执行完语句五执行语句六，语句六执行完了我程序结束，也就说如果满足条件一，我走的是。

是不是这样一条路线啊，哎，那么说了，如果满足条件二呢，我就执行语句三，语句四，然后到什么是是不是结束啊，诶这样我是不是就可以往这走了呀，你会发现什么了，我这个程序现在是不是就有两个分支了，当然你说我我往这再分一个行不行，是不是就可以了，哎，那这个是我们说一个叫什么呀，叫做一个，诶条件分支或者条件判断语句啊，通过它我们可以干嘛呢？让我们这个程序更加的这个智能，那我们说了除了。除了这种语句，我们还有什么语句？这是我们条件判断还有什么语句？哎，还有时候我们需要什么呀，还是拿这个傻小子举例子，傻小子这人买酒呢，天上也不下刀，叨了，这这两天天气挺好是吧？他爸让他买买酒去，出去就买酒去了，爸爸说呀，你给我买十瓶酒，诶，小孩去了，一出门买了一瓶回来了，爸，我买一瓶回来了，诶，不要十瓶嘛，然后出去又买了十瓶，他买十瓶酒干嘛了？

他出去了，他买了十回，每一次都买一瓶，那这样是不是就有点有点少了呀，那我可以买呀，我是不是一次我就可以去买十瓶啊，那这块干嘛呢？同样我有一些语句干嘛呀，比如说我这个语句三，我需要干嘛呢？我需要执行十次，那现在来讲，我如果需要执行十次的话，我得干嘛，我是不是得写十次呀，那我想干嘛呢？我能不能让这条语句循环执行呢？诶循环执行，所以这块就说到了什么呀，我们的这个循环语句啊，循环语句好，那接下来我们来说一下我们这个条件分支语条这个流程控制语句啊什么呢？诶通过我们这个流程控制语句可以什么呢？可以控制我们这个程序的什么呀？诶执行流程是什么呢？哎，使我们这个程序，哎不哎，使我们的程序可以什么呢？可以根据什么呀，根据一。

定的这个条件，根据一定的这个条件来干嘛呢？来选择什么呀？诶执行也就是说我想执行一，我就执行一，我想执行二，我就执行二，啊根据一个条件来执行，那我们来说一下我们这个语句的一个这个分类，分类我们主要说这么三种，第一种我们叫什么呢？叫做一个条件判断语句，什么叫条件判断语句啊，诶我要对一个条件进行判断，如果条件成立我才执行，如果不成立我就不执行条件，条件语句还有一个我们叫什么呢？叫做条件分支语句，什么叫条件分支语句啊，就像我刚才画这图，满足条件一我就执行这，满足条件二我就执行这，满足条件三我是不是执行这，啊，如果有条件四，我是不是还可以接着去判断呀？哎，接着一个判断啊，叫一个条件分支语句，还有一个第三种，我们叫一什么呢？叫做一个循环语句，诶所谓的循环语句是什么呢？就是我们说要去反复的干嘛呀，执行某一条语句啊，反复的执行某一条语句，好，那这里边。

当然呢，我们说了三种语句，那这三种语句呢，也是我们要学习的这个流程控制这个三种语句，三种语句呢，都非常非常的重要，我们一种一种来学，我们先说第一种我们叫什么呢？叫做条件判断语句啊，条件判断语句第一种我们叫做一个条件判断句，什么叫条件判断语句啊，我们来说一下，诶使用条件判断语句可以什么呢？可以在执行某个这个代码某个语句之前干嘛呢？诶进行判断。之前进行判断，如果什么呢？如果条件成立才会什么呀，才会执行语句，条件不成立则什么呢？则我们这个语句不执行啊，则我们这个语句不执行，那我们来看看这东西是怎么写的，条件判断语句呢？我们也称为什么呢？叫做一个if语句，If什么意思呀？如果啊，如果我们来说if语句，先说它的什么呢？它的一个语法，这是我们先说第一种语法，怎么写的呢？首先既然是if语句，要以if开头，If后边跟一个什么呢？括号，括号我里边写什么呢？叫做一个条件表达式，表达式我这来写什么呢？再来写一个这个。

语句啊，写一个语句，那你来看我这一个if后边跟一个填填表似的，这语句你写这也行，写下边也行，因为它会忽略多个空格换行啊，怎么写都行啊，我就写下边能好看一点啊，If后边跟着一个条件表达式，然后后边是不是来一个语句啊，哎，我们来说一下它是什么意思，直接来说啊，If语句在执行时会什么呢？会先对我们这个条件表达式进行什么呢？进行求值判断啊，进行求值判断，如果条件表达式的值为处，则执行我们这个什么呀，If后的。

语句这一幅边是不是有一个语句啊，也就说如果这个表达式为处，这个语句干嘛呀，就执行如果什么呢？如果条件表达式的这个值为false，哎，则不会什么呀，执行我们这个if后的语句啊，则不会执行我们这个if后的语句，我们来看看效果啊，来看效果，直接来写一个，看这个语法怎么写的，我先来一个if if或给你什么呀，括号，括号里边需要一个条件表达式，我这写什么呢？我这写一个这个处，诶，我现在在写写一个处，然后我写什么呢？写一个alert，诶alert，诶你你猜我出来了。

然后来个分号写这么一个，那这什么意思呀？哎，那我们来看跟我这个句式是不是一样的呀，但是注意啊，我这写一行也行，但是其实更习惯的什么呢？换个行啊，换行这样看的稍微能清楚一点，那这什么意思呢？我这填表是谁呀？是不是处啊，哎，处那什么意思呀，也就是说如果这个值为true，则它就会执行，如果为for干嘛呢？它是不是就不执行啊，那现在问你它是true是for true，我这一保存走你。是不是执行了呀，哎执行了，诶然后这改一个改成什么呢？改成一个force force，然后我一保存走你干嘛了，是不是不出来呀，为什么，因为它为for，这哥们叫什么呀，是不是就不执行啊，哎，就不执行啊，所以注意这个语句的执行与否由谁决定，由我们这个if后边这个条件表达式来决行，但是还是这个问题，这么写是不是又变成神经病了。

True和false你是不是又给写死了呀？哎，所以一般呢，不是这么写的，那怎么写的，来我这来一个Y，一个A等于一个十，随便写一个，我这来一什么呢？来一个这个A大于十，A大于十，我这写一个写什么呢？哎，写一个A比十代我写这么一句话，那现在问你这句话出不出来，这句话是否执行由A是否大于十决定吧，如果A大于十，它是不是出来了呀？那我现在问你A是几十，十大于十成立吗？不成立，所以这个值是false，既然是false，它会执行吗？不会，我这一保存走你是不出来呀，好，改一个A等于11，这回成不成立，成立，我一保存走，你是不是它要出来了呀？哎，所以这一块我们语句呢，比刚才就稍微的聪明一些了，他可以干嘛呀，根据一定的条件来决定是否。是否执行吧，哎，是否执行啊，这就是我们一个if语句，但是注意啊，我们这有一个问题，我们来看呢，看这啊，我这写一个，我这再写一个，来一个alert alert一个什么呢？Alert一个谁也管不了我谁也管不了我，我写这么一个，那我们现在先看看他出不出来，A是11 11大于十吗？大于十对吧，所以后边是不会执行啊，诶来，现在我一保存走你AB10大出来了，然后谁也管不了，我是不是也出来了，好，那现在我改一个A变成几呢？A等于十，条件满足吗？不满足了吧，来，我这一保存走你，哎。

首先我们来看我那个A大于十，这个是不是没出来呀，但是这谁也管不了，我是不是出来了，我来看我一刷新，哎呦，这玩意儿挺横的是吧，他不治他是不是不行了呀，哎啊，为什么管不了他呀，为什么管不呀，哎，我们就来说啊，艺术语句只能什么呢？只能控制什么呀，紧随其后的什么呀，哎，那个语句啊，那个那行语句也就是什么呢，他只能管谁呀，管他这一行呢？他确实干嘛呀，确实管不着啊，确实管不着，那现在干嘛呢？我就想管，我就希望这两个代码呢，要么你都执行，要么你。

都不执行那怎么办呀？诶我是不是要告诉他是一组啊，那怎么办呢？诶咱们给它加一个什么呀？诶是不是给它来一个代码块行了呀，哎，然后呢，把它干嘛呀放到这个代码块去，哎，那现在我们来说了，哎如果什么呢？如果希望我们这个if语句可以什么呢？可以控制什么呀？哎多条语句可以什么呢？呃可以将这些语句统一，怎么样放到我们这个什么呀？哎代码块度这样什么效果了，如果if这个条件表达式成立，则什么呢？我们这个代码框里边代码都会执行，如果这个条件不成立，这个代码框里边干嘛呀都不执行啊，都不执行，所以这边我们来看，现在要改一个A等于11满足条件吧呀，一保存走，你A比十的是不是执行了呀，再来确定，谁也管不了，我是不是也执行了呀，哎，都执。

行了，然后改一个A等于十条件还成立吗？不成立了，我这一保存是不是都不出来了，哎都不出来了啊，所以这块我们可以干嘛呢？给它加上一个代码块，但是我们说了这代码块是不是必须的呀，是不是必是不是必须的呀，不是写不写都行啊，写不写都行，但是这里边我们要说一个叫什么呢？If语句后的这个代码块不是必须的，但是什么呢？但是我们在什么呀？诶开发中，诶尽量干嘛呢？写上什么呀，写上代码块，即使什么呢，即使if附后只有。

诶，一条语句什么意思，即使你一会儿仅有一条语句，只有一个它这代码号是不是写不都行啊，但是此时呢，这个代码号你尽量还是给他嘛呀写上，因为写上以后结构更清楚啊，结构更清楚好，那这括号呢，现在我是写到这儿了，但是我们一般开发的习惯还是干嘛呢。还是写到这儿，哎，是这么写，让他放在我们这个括号的一个后边，但是你说你愿意写这呢也行，写哪都行，但是我还是习惯干呀，往这写啊，习惯往这写好，那这里边呢，If的语法我们就可以给完善一下了，这里边呢，我把这个括号给算完补上，哎，一定要注意，这括号不是必须的，但是我们写的时候尽量给它写上啊，来个省略号表示我这可以写多条语句啊，对条语句好，那这个呢，就是我们的一个if语句啊，它可以干嘛呢？哎，可以根据这个条件表示来决定我们E符班这个语句是否执行啊，是否执行好，接着再来看，再来看什么呢？现在我不这么写了，我来一个，我写一个A比十大呢，我觉得不过瘾了，我写什么呢？我写一个这么一句话叫什么呢？A叫什么呢。

大于十，哎。并且什么呢？我们这个A小于20啊，A大于十，并且A小于20，我是不是写这么一句话呀，哎，写这么一句话或者写什么呢？写一个小于等于20啊，小于等于20，现在我一保存，我一运行是不是不出来呀，哎，因为是不是不满足条件呀，好，现在我改一个改成一个15，我一保存走你诶是不是A大于十，并且A小于等于20啊好，我这改一个改成什么呢？改成25 25大不大于十，大于十，我一保存AA大于十，没错吧，他就说一个并且A小于等于20，但是注意了，我这A小不小于等于20啊，它是不是大于20啊，所以后边这个是不是并不对啊，为什么后边这也后为什么它它也执行了，我有没有检查A小于等于20啊，没有吧，没有，那我一想我再写一个，写一个什么呀，写一个A小于等于20，是不是这样啊，诶，然后我一保存是不是就不出来了，诶那。

再看我改一什么呢？改成一个改成一个这个来一个十吧，诶来一个15，我一保存是不是出来了呀，大于十小于等于20，但是注意了，我再换一个，换一个五，换一个五，我问你出不出是不是还出来呀，但是A它又不大于十了，所以我这写一个条件行不行，我这得写俩条件呀，什么条件呀，你得A。大于十，然后你是不是A还得小于等于20啊，但是注意我这是俩条件吧，这俩条件应该是什么关系，什么关系？哎，是不是得同时满足，诶你得G大于十，你还得干嘛呀，小于等于20吧，诶小于等于20，那怎么体现出它们俩要同时满足，哎哎，是不是与啊，哎，与也就是说与什么情况与两端的这表达式只有都为处的时候，是不是才有反应处啊，所以就什么呀，只有这两端都为处，它的结果才是处，那这样它是不是才会执行啊？好，那现在我看A等于五满足这个条件吗？

满足啊，诶小于等于20，但是满足这个条件吗？不满足，所以整体是不是还是负呀，所以它会不会执行，诶我一保存是不是不执行啊，好，我这换一个A等于15，满足这个条件吗？满足也就是为处吧，满足这个条件吗？也满足是不是触晚的处啊，触完的处是返回处啊，一保存是不是就执行了呀？诶这样干嘛呀，只有当两个条件都满足的时候，是不是才执行啊？好，你这换一个二十五一保存。

还行不行了，诶我这一保存是不是就不出来了呀，因为是不是这个条件不满足啊，哎，所以注意啊，语什么时候用，就在这时候我们需要干嘛呀，需要一个语句在同时满足多个条件时才执行，我们就可以干嘛呀，这么写啊可以这么写诶那你如果写成或就变成什么了。哎，大于十或者是小于等于20是不是会执行了呀，哎，其实跟其实就跟没写一样是吧，就就基本上是一个这个就废话是吧，哎就基本上就废话啊，所以注意啊，这个关系我们要写什么，我们要用的是这个语啊，什么时候用语，什么时候用或与什么呀，两边必须得同时满足或什么呀，只要有一个满足就行啊，只要一个满足行啊好，那这块呢，是我们说的这个叫做一个流程控制语句，这是我们if语句的什么呀，第一种用法，也是最简单的一种用法，那下边呢，我们先停一下，你们来把这个呢尝试。