函数声明语句也会被提前,即可以在定义它之前的代码中被调用,而函数定义表达式语句必须在定义它之后调用。
3. if语句
if语句是种条件控制语句,有两种形式,分别为:
1 2 3 |
|
和
1 2 3 4 5 |
|
第一种形式,如果expression值为真,则执行statement。第二种形式增加了一个else从句,当expression值为真时执行statement1,当expression值为假时执行statement2.
1 2 3 4 5 6 7 8 9 |
|
当代码中有多条分支的时候,if语句还可以与else if从句一起配合使用。写法如下:
1 2 3 4 5 6 7 |
|
这段代码的意思是:当expression1值为真时,执行statement1,若expression1值为假则判断expression2的值,若expression2值为真,则执行statement2,否则继续判断接下来else if从句中的表达式。以此类推,直到一个条件满足,执行其中的代码,若所有条件都不满足,则执行最后的else语句中的代码。
1 2 3 4 5 6 7 8 9 10 11 12 |
|
4. switch语句
Switch语句与if语句关系很密切,很多时候能够相互转换。Switch语句也是一种条件控制语句。它的语法形式如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
这段代码是这样执行的:首先是计算expression的值,然后由上至下与case后面的value值进行匹配,如果相等,则执行后面的语句,然后跳出switch语句,如果都不相等,则执行最后的default语句。通常情况下,switch语句都会带有default语句,若没有default语句,则switch的整个语句块都将被跳过。
注意:expression的值与case后的value值是执行全等判断的,即不会进行任何类型转换。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
从这个例子可以看出,case后面可以跟一个任意的表达式。最常见的是跟随数字或字符串。
5. while语句
while语句是一种基本的循环语句,它的语法如下:
1 2 3 |
|
在执行statement之前,会先计算expression的值,若值为真,则执行statement,若值为假,则会跳过statement转而执行程序中的下一条语句。新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。
注意,使用while(true)会创建一个死循环,因为条件永远满足。
1 2 3 4 5 |
|
这个例子初始化i=0,当i小于10时,都弹出i的值,会依次弹出0~9的数字。
6. do/while语句
do/while也是循环语句,它与while语句非常相似,唯一不同的是:它的条件判断语句是在循环体尾部的,这就意味着,不管条件成不成立,循环体都至少执行了一次。
do/while循环语句的语法如下:
1 2 3 |
|
注意:do/while循环式用分号结尾的。如果while语句的循环体使用花括号括起来,则可以不使用分号做结尾。
1 2 3 4 5 |
|
这个例子,同样也是弹出0~9的数字。
7. for语句
for语句也是一种循环控制结构语句,它的语法如下:
1 2 3 |
|
initialize,test,increment三个表达式分别表示:初始化操作、循环条件判断和计数器变量更新。当条件满足时,执行statement。
注意,initialize可以同时声明并初始化一个计数变量。
将前面的while循环语句改成for循环语句,如下:
1 2 3 |
|
这个循环同样输出数字0~9.
此外,for语句中的初始化表达式、控制表达式和循环后表达式都是可选的。将这两个表达式全部省略,将会创建一个无限循环:
1 2 3 |
|
8. break语句和continue语句
break和continue语句都是一种跳转语句。
二者的区别:break语句会立即跳出循环,强制继续执行循环后面的语句。而continue语句则只是跳出本次循环,然后从循环的顶部继续执行代码。
1 2 3 4 5 6 7 8 |
|
这个例子中,num用于记录循环执行的次数。变量i由1递增至10,在这个过程中,循环体内会判断i的值是否能被5整除,如果是则由break语句跳出循环,执行alert语句。由结果显示,当循环只执行了4次。
1 2 3 4 5 6 7 8 |
|
同样的例子,不同的是由continue代替break。结果显示,循环一共执行了8次。当变量i变成5时,满足if条件,则由continue跳出本次循环,num此次没能执行加1的操作。然后循环又从头开始执行,i值等于6。就这样循环一直执行到i等于10时结束。
[
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(资料价值较高,非无偿)
结尾
学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。
基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。