0基础1天学会js-第三讲

上一讲讲述了js的运算符，本文将讲解js的语句，语句是组成一个程序语言的基本单元，可以分为基本语句和复杂语句，复杂语句是指可以包含更多其他语句的语句，基本语句指不能包含其他语句的简单语句，点击这里查看视频教程。下面分别介绍各种语句

变量声明语句

1. 声明变量基本，语法为：var 变量名;

   var a;

2. 当然也可以扩展为一行声明多个，语法为：var 变量名1, 变量名2;

   var a, b;

3. 也可以在声明变量时初始化值，语法为：var 变量名 = 表达式;

   var a = 2 + 1;

变量名为标识符。

表达式语句

表达式用于实现基本的计算。由操作数和运算符组成

var a = 2, b = 1;
b = a *1 + 3;

条件语句

顾名思义，条件语句就是用来判断满足某一条件后再执行相应语句。语法为：

if (表达式1) {
    // 语句组1
} else if (表达式2) {
    // 语句组2
} else if (表达式n) {
    // 语句组n
} else {
    // 语句组
}

其中表达式n的返回值为boolean值，else if可选，else也可选。语句组为多条语句，如果表达式1的值为真，则执行语句组1；否则判断表达式2的值，如果为真则执行语句组2；否则判断表达式n的值，如果为真则执行语句组n；否则执行最后的语句组。

var a = 3, b = 0;
if (a == 1) {
    console.log('语句组1');
    b = 1;
} else if (a == 3) {
    console.log('语句组2');
    b = 2;
} else {
    console.log('语句组');
    b = -1;
}

以上代码输出：语句组2。变量b的值赋值为2。

for语句

for语句表示遍历容器，就是逐个访问容器中的元素。语法为：

for (var item of container) {
    // 语句组
}

其中container为容器变量，比如：数组、对象、ui树的某一个节点等。item变量为容器中的某一个子元素。例：

var arr = [2, 4, 5, 7];
for (var item of arr) {
    console.log('item:', item);
}

以上代码打印结果为:2   4  5  7

while语句

循环语句，其语法为:

while(表达式) {
    // 语句组
}

其中表达式为条件表达式，返回值为boolean。当表达式返回值为true时，执行语句组，执行后继续判断表达式的值，如果为true，则再次执行语句组，直到表达式的值返回false为止。例：

var index = 0;
while (index < 3) {
    console.log('index:', index);
    ++index;
}

以上语句返回值为：index:0   index:1  index:2

函数语句

函数语句，表示定义一个函数，语法为：

function 函数名(参数1， 参数2...) {
    // 语句组;
}

其中函数名和参数名都为标识符。参数可以理解为变量，其值为外部调用函数时传入。例：

function calc(a, b) {
    var ret = a + b;
    return ret;
}

var c = calc(3, 4);
console.log('c:', c);

定义函数calc，参数a和参数b，调用函数时分别传入参数3和4，也即：a和b的值分别被赋值为3和4，函数返回值为7。最后打印结果为  c:7

调用函数语句

调用函数，就是按照函数声明的执行函数内部的语句，语法为：

函数名(参数1， 参数2...);

例子：如上，调用calc函数，传入的参数为3和4，也即函数参数a和b的值分别为3和4。

break语句

表示从当前for、while语句中跳出来，不再继续执行循环，例：

var contianer = [2, 3, 4, 5, 6];
for (var item of container) {
    if (item == 4) {
        break;
    }
    console.log('item:', item);
}

以上代码表示在遍历容器时，如果item值为4则跳出for语句。执行结果为：item:2  item:3 

continue语句

用于for和while语句，表示结束当前这次循环，继续下一次循环。注意和break语句的区别。例：

var contianer = [2, 3, 4, 5, 6];
for (var item of container) {
    if (item == 4) {
        continue;
    }
    console.log('item:', item);
}

以上语句表示，在遍历过程中，当item值为4时，不执行当前这次遍历，继续后续的遍历。其结果为 item:2 item:3 item:5 item:6

return语句

用于函数语句，表示返回值给函数，语法为：

return 表达式;

表示把表达式的值返回给函数，作为函数的返回值。例：

function fun(a, b) {
    return a * b;
}

以上例子，表示把参数a和b的乘积作为函数返回值。

综合demo

最后给出一个使用了所有语句的综合demo，大家可以自己分析下：

function main() {
    var x = 1;
    var arr = [1, 2, 3, 4, 5];
    for (var item of arr) {
        if (item == 3) {
            continue;
        }
        console.log('item:', fun(item, x));
    }
}

function fun(a, b) {
    return a + b;
}