老徐WEB：js入门学习 - javascript语句

「爱情、让人受尽委屈。」 2023-03-12 15:26 12阅读 0赞

javascript语句是给浏览器发送命令的，告诉浏览器要做什么事情。

javascript是脚本编程语言，浏览器在读取代码时，会自上而下逐行执行代码。

javascript用分号来分隔语句，每条语句的结尾添加分号，表示一条语句的结束。

一行代码可以写一条语句，也可以写多条语句，根据具体环境来定，同时必须考虑代码可读性。下面老徐介绍几种javascript常用的语句。

**条件语句（三种形式）**

if语句 - 满足条件时执行代码。

if(condition){// 执行代码}
    if(工作日){// 去上班}

if...else...语句 - 满足条件时执行代码，不满足条件时执行其他代码。

if(condition){
    	// 满足条件执行代码
    }else{
    	// 不满足条件时，执行代码
    }
    if(工作日){
    	// 去上班
    }else{
    	// 在家休息
    }

if...else if...else语句，多个条件时，需要执行其中之一的代码。

if(condition1){
    	// 满足条件1时，执行代码
    }else if(condition2){
    	// 满足条件2时，执行代码
    }else{
    	// 条件1和2都不满足时，执行代码
    }

**switch语句**

switch语句用于多个条件取其一时，常用此语句。

switch(n){
    	case 1:
        	// 满足此条件，执行代码块
            break;
        case 2:
        	// 满足此条件，执行代码块
            break;
         case x:
         	// 满足此条件，执行代码块
            break;
         default:
         	// 以上条件都不满足时，执行代码块
    }

注意，break 来阻止代码自动地向下一个 case 运行。

**for语句**

for语句就是将代码块重复执行多次。

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

上面这个例子共输出5次，输出内容是从0至4。

for语句共分三步执行。  
1.给出一个起点，此处是i=0。  
2.判断条件是否成立，此处是i<count，如果条件成立就输出内容i的值。  
3.使起点移到下一位，此处利用i++来完成，然后再重复执行第2步，第3步，直到第2步条件不满足时，for语句结束。

for/in遍历对象。

遍历对象，获取对象数据时，用for/in语句。

**while语句**

while循环语句指条件满足时，会一直执行代码块。

while(condition){
    	// 执行代码块
    }
    
    var str = '', i = 0;
    while(i < 5){
    	str += i + "<br>";
        i++;
    }
    document.getElementById("demo").innerHTML=str;

while循环分两步，一是判断条件，满足条件就执行代码块，不满足不执行。二是执行代码块，在代码里修改条件。

然后再重复第一步，第二步。如果第一步满足条件，但第二步没有修改条件的话，此循环会一直执行下去，这就是死循环，一般来说没有意义。所以要注意避免死循环。

do/while循环是while循环的变体，不同之处是判断条件前，先执行一遍代码块，然后再判断条件。

do{
    	// 执行代码块
    }while(condition)
    
    var str = '', i = 0;
    do{
    	str += i + "<br>";
        i++;
    }while(i<5)
    document.getElementById("demo").innerHTML=str;

同样do/while循环也是分两步，一是先执行一遍代码块，二是判断条件，如果满足条件，再执行代码块，如果不满足就退出循环。然后重复第一步，第二步。同样也要注意避免死循环。

**break/continue语句**

break语句用于跳出循环。continue用于跳过循环中某一次迭代，继续执行循环代码。

前面进过的switch语句里就用到了break语句，用于跳出循环。下面举例。

var x = '';
    for(var i = 0; i < 5; i++){
    	if(i == 3){
        	break; // 跳出循环
        }
        x += i + ',';
    }
    alert(x);

如果没有break语句，最后输出0,1,2,3,4。有了break，就会在i=3的时候跳出循环了，最后输出0,1,2。

var x = '';
    for (var i = 0; i < 5; i++){
    	if(i == 3) continue;
        x += i + ',';
    }
    alert(x);

如果没有continue语句，最后输出0,1,2,3,4。有了continue后，就会在i=3时，跳过循环中的迭代，继续执行循环代码，最后输出0,1,2,4。

以上几个javascript语句，都是工作中常用的，也非常容易理解，在理解的基础上，多练习，能增强记忆，增强理解。

勤学苦练，笨鸟先飞。关注【老徐WEB前端开发教程】公众号，听老徐说。