javascript中各种语句和控制结构编写javascript程序，前端开发最佳实践手册全网独一份

函数声明语句也会被提前，即可以在定义它之前的代码中被调用，而函数定义表达式语句必须在定义它之后调用。

3. if语句

if语句是种条件控制语句，有两种形式，分别为：

1 2 3

if(expression){     statement }

和

1 2 3 4 5

if(expression){     statement1 }else{     statement2 }

第一种形式，如果expression值为真，则执行statement。第二种形式增加了一个else从句，当expression值为真时执行statement1，当expression值为假时执行statement2.

1 2 3 4 5 6 7 8 9

var x = 1,y = 2; if(x > 0){     alert('x的值大于0'); //x的值大于0 } if(x > y){     alert('x比y大'); //x比y小,这条语句不会被执行 }else{     alert('x比y小'); //x比y小 }

当代码中有多条分支的时候，if语句还可以与else if从句一起配合使用。写法如下：

1 2 3 4 5 6 7

if(expression1){     statement1 }else if(expression2){     statement2 }else{     statement3 }

这段代码的意思是：当expression1值为真时，执行statement1，若expression1值为假则判断expression2的值，若expression2值为真，则执行statement2，否则继续判断接下来else if从句中的表达式。以此类推，直到一个条件满足，执行其中的代码，若所有条件都不满足，则执行最后的else语句中的代码。

1 2 3 4 5 6 7 8 9 10 11 12

var age = prompt('请输入年龄',20); if(age < 0){     alert('别这样，严肃点！'); }else if(age >= 0 && age < 18){     alert('还是个小孩儿！'); }else if(age >= 18 && age < 50){     alert('是个大人！'); }else if(age >= 50 && age < 120){     alert('已经老了！'); }else{     alert('这是要成精的节奏啊！'); }

4. switch语句

Switch语句与if语句关系很密切，很多时候能够相互转换。Switch语句也是一种条件控制语句。它的语法形式如下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

switch(expression){ 　　case value1:   　　 statement1   　　 break; 　　case value2:   　　 statement2   　　 break; 　　case value3:   　　 statement3   　　 break; 　　   ... 　　case valuen:   　　 statementn   　　 break; 　　default: 　　  statement; }

这段代码是这样执行的：首先是计算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

var age = prompt('请输入年龄',20); switch(true){ case age < 0:     alert('别这样，严肃点！');     break; case age >= 0 && age < 18:     alert('还是个小孩儿！');     break; case age >= 18 && age < 50:     alert('是个大人！');     break; case age >= 50 && age < 120:     alert('已经老了！');     break; default:     alert('这是要成精的节奏啊！'); }

从这个例子可以看出，case后面可以跟一个任意的表达式。最常见的是跟随数字或字符串。

5. while语句

while语句是一种基本的循环语句，它的语法如下：

1 2 3

while(expression){     statement }

在执行statement之前，会先计算expression的值，若值为真，则执行statement，若值为假，则会跳过statement转而执行程序中的下一条语句。新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。

注意，使用while(true)会创建一个死循环，因为条件永远满足。

1 2 3 4 5

var i = 0; while(i < 10){     alert(i);     i++; }

这个例子初始化i=0，当i小于10时，都弹出i的值，会依次弹出0~9的数字。

6. do/while语句

do/while也是循环语句，它与while语句非常相似，唯一不同的是：它的条件判断语句是在循环体尾部的，这就意味着，不管条件成不成立，循环体都至少执行了一次。

do/while循环语句的语法如下：

1 2 3

do{   statement }while(expression);

注意：do/while循环式用分号结尾的。如果while语句的循环体使用花括号括起来，则可以不使用分号做结尾。

1 2 3 4 5

var i = 0; do{     alert(i);     i++; }while(i < 10);

这个例子，同样也是弹出0~9的数字。

7. for语句

for语句也是一种循环控制结构语句，它的语法如下：

1 2 3

for(initialize;test;increment){     statement }

initialize,test,increment三个表达式分别表示：初始化操作、循环条件判断和计数器变量更新。当条件满足时，执行statement。

注意，initialize可以同时声明并初始化一个计数变量。

将前面的while循环语句改成for循环语句，如下：

1 2 3

for(var i = 0; i < 10; i++){   alert(i); }

这个循环同样输出数字0~9.

此外，for语句中的初始化表达式、控制表达式和循环后表达式都是可选的。将这两个表达式全部省略，将会创建一个无限循环：

1 2 3

for(;;){     statement }

8. break语句和continue语句

break和continue语句都是一种跳转语句。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结

• 对于框架原理只能说个大概，真的深入某一部分具体的代码和实现方式就只能写出一个框架，许多细节注意不到。

• 算法方面还是很薄弱，好在面试官都很和蔼可亲，擅长发现人的美哈哈哈…（最好多刷一刷，不然影响你的工资和成功率???）

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

第一次跳槽十分忐忑不安，和没毕业的时候开始找工作是一样的感受，真的要相信自己，有条不紊的进行。如果有我能帮忙的地方欢迎随时找我，比如简历修改、内推、最起码，可以把烦心事说一说，人嘛都会有苦恼的～

祝大家都有美好的未来，拿下满意的 offer。

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

4304bb5a486d4c3ab8389e65ecb71ac0)

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算