JS函数2（递归与流程控制）

递归

简单来说就是自己调用自己，递归需要设置结束条件

比如我们要计算5的阶层，就是5x4x3x2x1，也就是5x4的阶层，4呢又是4x3的阶层，然后一直到1，需要注意的是到1要设置结束条件，不然就会到0到-1了。代码如下：

function fact(n){
    if(n === 1){
        return 1
    }
    return n * fact(n-1)
}
fact(3)

递归好处就是代码简洁逻辑清晰，缺点也比较明显，运算量大，速度慢，假设我们计算100的阶层则计算机要计算99的，98的，97的.....

流程控制语句

1.if else

---

if语句是编程语言最常用的语句，语法，代码如下：

if(condition){
    //true statement
}else {
    //false statement
}

其中condition可以是任意表达式，结果不一定是布尔值，JavaScript解释器会自动调用Boolean()将表达式结果转为布尔值，如果表达式为真执行第一个代码块内语句，如果为假执行第二个代码块内语句

只有一条语句的时候代码块不是必需的，出于维护性考虑我们建议添加

if语句可以单独使用，也可以和多个else连续使用

if(a > 2){
    // statement
}


if( a == 1){

}else if(a == 2){

}else if(a == 3 ){

}else{

}

2.lable

---

label语句是很多熟练的jser都会忽略的知识，我们可以为代码添加标签，方便后续使用，语法：

labelname: statement;

label语句单独使用的时候没有什么作用几乎，经常和其它语句结合使用，但是一些面试题会针对这个提问

var a = 1,
    b = 2,
    c = 3,
    d = 4,
    e = 5,
    f = 6;

a:b:c:d:e:f:7;

3.Switch

---

switch 语句和if语句关系密切，语法:

switch(expresstion){
    case value1:
        statement;
        break;

    case value2:
        statement;
        break;

    case value3:
        statement;
        break;

    default:
        statement;
}

如果表达式等于case的值，对应的语句就会执行，break关键字会使程序跳出switch语句，很多编程规范强调必须添加break，不添加不会有语法错误，程序会多次判断case，进入相应流程

没有一个值符合case，流程进入default子句，很多规范也强调必须添加default部分

JavaScript switch语句虽然参考的C语言的写法，但是有特殊性

1.switch和case可以使用任意表达式，不一定是常量。
2.switch语句进行比较的时候是全等于（===）操作，不会发生类型转换。

4.do和do-while

---

do

while语句属于前测试循环语句，也就是在循环体内的代码被执行之前，就会对条件求值，不符合的话就不会执行

var i = 10;
while(i > 0){
    console.log(i);
    i--;
}

效果如下：

image.png

do-while

do-while是后测试循环语句，在出口条件判断之前就会执行一次代码

var i = 4;
do{
    console.log(i);
    i--;
}while(i > 5);

效果如下：

image.png

5.for和for-in

---

for

for语句也是前测试循环语句，但具备在执行循环代码以前初始化变量和定义循环后要执行代码的能力，改造一下while语句

for(var i = 10; i > 0; i--){
    console.log(i);
}

效果如下：

image.png

for-in

for-in是一种迭代语句，用于枚举对象的属性

for(var prop in window){
    console.log(prop);
}

break和continue的区别与作用

---

• break 用于强制退出循环体，执行循环后面的语句
• continue 用于退出本次循环，执行下次循环

看个例子对比一下：

for(var i = 1; i< 10; i++){
    if(i % 4 === 0){
        break;
    }

    console.log(i);
}

for(var i = 1; i< 10; i++){
    if(i % 4 === 0){
        continue;
    }

    console.log(i);
}

效果如下：

image.png

image.png

在break那里，满足条件后，语句即结束。
而continue仅仅是退出满足条件的本次循环也就是4和8，直到i大于等于10才会结束。