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

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遍历对象。

var x = ['a','b','c'];
var txt = '';
for(i in x){
	txt += i + ',';
}
alert(txt);

var x = {name:'john',age:20,city:'bj'};
var txt = '';
for(i in x){
	txt += x[i] + ','
}

遍历对象，获取对象数据时，用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前端开发教程】公众号，听老徐说。