javascript中各种语句和控制结构编写javascript程序

复合语句和空语句

用花括号将多条语句联合在一起,就形成了一条复合语句。

复合语句是一个语句块,它的结尾不需要封号。

1

2

3

4

5

{

    var x = Math.PI;

    var cx = Math.cos(x);

    alert('cos(π)=' + cx); //cos(π)=-1

}

空语句是允许包含0条语句的语句。它的形式如下:

1

;

空语句不会执行任何动作。新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。

声明语句

1. var

var语句用来声明变量的。它后面跟随的是要声明的变量列表,列表中的每个变量都可以带有初始化表达式,用于指定其初始值。

1

var x = 1,y = 2,z;

如果var语句出现在函数体内,那么它声明的变量是局部变量;如果在顶层代码中使用var语句,那它声明的是全局变量。(全局变量和局部变量在之前的章节中有提到)

如果用var声明的变量没指定初始值,那么其值为undefined。它声明的变量会被提前到函数顶部,但在声明语句前它的值都是undefined。

1

2

3

4

5

6

function test_var(){

    alert(x); //undefined

    var x = 1;

    alert(x); //1

}

test_var();

2. function

function关键字是用来定义函数的。

函数声明语句语法格式:

1

2

3

function funcname([arg1,[arg2[...,argn]]]){

    statements

}

funcname是要声明的函数名称,之后跟用逗号隔开的参数列表。花括号内是函数语句。

1

2

3

4

//函数声明语句

function sum(x,y){

    return x + y;

}

上面一个例子,用函数定义表达式,也可以达到同样的效果,写法如下:

1

2

3

4

//函数定义表达式

var sum = function(x,y){

    return x + y;

}

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

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语句都是一种跳转语句。

二者的区别:break语句会立即跳出循环,强制继续执行循环后面的语句。而continue语句则只是跳出本次循环,然后从循环的顶部继续执行代码。

1

2

3

4

5

6

7

8

var num = 0;

for(var i = 1; i < 10; i++){

    if(i % 5 == 0){

        break;

    }

    num++;

}

alert(num); //4

这个例子中,num用于记录循环执行的次数。变量i由1递增至10,在这个过程中,循环体内会判断i的值是否能被5整除,如果是则由break语句跳出循环,执行alert语句。由结果显示,当循环只执行了4次。

1

2

3

4

5

6

7

8

var num = 0;

for(var i = 1; i < 10; i++){

    if(i % 5 == 0){

        continue;

    }

    num++;

}

alert(num); //8

同样的例子,不同的是由continue代替break。结果显示,循环一共执行了8次。当变量i变成5时,满足if条件,则由continue跳出本次循环,num此次没能执行加1的操作。然后循环又从头开始执行,i值等于6。就这样循环一直执行到i等于10时结束。

发布了38 篇原创文章 · 获赞 20 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/webxuexi168/article/details/104318674