循环 定时器 函数 闭包

• 1. 条件分支语句
• 2. 数组
• 3. 获取标签过去元素
• 4. 循环语句
  • 4.1 for 循环
  • 4.2 while循环
  • 4.3 do while 循环
  • 4.4 死循环
• 5. 数组去重
• 6. 字符串处理的方法
  • 6.1 字符串的反转
• 7. 定时器
  • 7.1 定时器弹窗
  • 7.2 定时器的基本用法
  • 7.3 定时器动画
  • 7.4 时钟
  • 7.5 倒计时
• 8. 变量的作用域
• 9. 封闭函数
• 10. 用变量的方式定义函数
• 11. 闭包

1. 条件分支语句

• 语法:

    switch(条件表达式){
        case 表达式:
            语句...
            break;
        case 表达式:
            语句...
        break;
            default:
            语句...
            break;
            }
  

• 执行流程：

  • 在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较，

    • 如果比较结果为true，则从当前case处开始执行代码。当前case后的所有的代码都会执行，我们可以在case的后边跟着一个break关键字，这样可以确保只会执行当前case后的语句，而不会执行其他的case
    • 如果比较结果为false，则继续向下比较,如果所有的比较结果都为false，则只执行default后的语句

  • switch语句和if语句的功能实际上有重复的，使用switch可以实现if的功能，同样使用if也可以实现switch的功能，所以我们使用时，可以根据自己的习惯选择。

• 例子

var today = 1;
switch(today){
    case 1:
        alert('语文');
        break;
    case 2:
        alert('语文');
        break;
     case 3:
    alert('语文');
        break;
    case 4:
        alert('语文');
        break;
    case 5:
        alert('语文');
        break;
    default:
        alert('不补习')
        break;//最后一个可以不写,但是还是写的好,如果放在上方,不写会继续执行.如果想利用穿透的时候,那就不用写了;
}

• switch可以穿透,遇到break才停止.

2. 数组

var arr01 = new Array(1,3,6,'acd');

var arr01 = [1,2,3,'lll'];
alert(arr01.length);
alert(arr01[1]);//下标从0开始

//二维数组
var arr03 = [[],[],[]];//二维数组,n维套n层
alert(arr03[1].length);

var str = arr03.join('-');//用-将数组中的元素拼接起来,可以为空

arr03.push(5);//数组末尾追加,
arr03.pop();//删除末尾;

arr03.unshift(0);//数组开头添加
arr03.shift();//数组开头删除

arr03.reverse();//数组顺序翻转;

arr03.sort();//排序,但是不太好用;


 var arr03 = [1 , 5 , 8 , 6 , 5];
 //元素在数组中第一次出现的索引值
 var num = arr03.indexof(5);


arr03.splice(2,1);//splice(index,num),从下标开始,删除1个元素,
arr03.splice(2,1,'e');//splice(index,num),从下标开始,删除1个元素,并添加e,可以理解为替换
arr03.splice(2,4,'e','f','g','h');//从第二个开始,删除四个,并添加4个

3. 获取标签过去元素

    
    
    


    

        
1
        
2
        
3
        
4
        
5
        
6
        
7
        
8
    

    

        
9
        
10
        
11
        
12
    

4. 循环语句

4.1 for 循环

• for循环的语法：

    for(①初始化表达式;②条件表达式;④更新表达式){
                ③语句...
            }
  

• for循环的执行流程：

  • ①执行初始化表达式，初始化变量（初始化表达式只会执行一次）
  • ②执行条件表达式，判断是否执行循环。
    • 如果为true，则执行循环③
    • 如果为false，终止循环
  • ④执行更新表达式，更新表达式执行完毕继续重复②

• 例子

    for( var i=0;i < ali.length ; i++){
        if(i % 2 == 0){
            ali[i].style.background = 'gold';
        }
    }

4.2 while循环

• 语法：

            while(条件表达式){
                语句...
            }
  

• while语句在执行时，

  • 先对条件表达式进行求值判断，
    • 如果值为true，则执行循环体，循环体执行完毕以后，继续对表达式进行判断
    • 如果为true，则继续执行循环体，以此类推
    • 如果值为false，则终止循环

• 例子

  //while先判断后执行
  var i = 0;
  while( i < ali.length){
      ali[i].style.background = 'gold';
      i++;
  }
  
  

4.3 do while 循环

• 语法：

            do{
                语句...
            }while(条件表达式)
  

• 执行流程：

  • do...while语句在执行时，会先执行循环体，循环体执行完毕以后，在对while后的条件表达式进行判断，
    • 如果结果为true，则继续执行循环体，执行完毕继续判断以此类推
    • 如果结果为false，则终止循环

• 例子

  //do  while,先执行后判断
  var i = 0;
  do{
          ali[i].style.background = 'gold';
      i++;
  }while(i < ali.length)
  

4.4 死循环

在死循环中,可以使用break，来终止循环;

• break关键字可以用来退出switch或循环语句,不能在if语句中使用break和continue
  • break关键字，会立即终止离他最近的那个循环语句
• continue关键字可以用来跳过当次循环
  • 同样continue也是默认只会对离他最近的循环循环起作用

    while(true){
        //跳出循环
        if(){
            break;
        }
    }

    for(;;){
        //跳出循环
        if(){
            break;
        }
    }

    lable:
    for(){
        for(){
            if(){

                break lable;
            }
        }
    }
/*可以为循环语句创建一个label，来标识当前的循环
                label:循环语句
            使用break语句时，可以在break后跟着一个label，
                这样break将会结束指定的循环，而不是最近的*/

outer:
    for(var i=0 ; i<5 ; i++){
        console.log("@外层循环"+i);
        for(var j=0 ; j<5; j++){
            console.log("内层循环:"+j);
            break outer;

5. 数组去重

    var aRr = [1,3,4,1,6,9,1,2,5,3,1,6,5,4,4];
    var aRr2 = [];

    for(var i=0; i

6. 字符串处理的方法

/*字符串切断转成数组*/
var s = '2018-8-8'
var arr = s.split('-');//[2018,8,8]
var arr = s.split('');//['2', '0' ,'1' ,'8' ,'-','8', '-' ,'8']

var aRr2 = sTr.split('');
// console.log(aRr2);

/*实际上就是修改了
    
    


    
首页标题
    
页面内容
    百度网


    

        

            
提示信息！
            关闭
        
        

    

7.2 定时器的基本用法

7.3 定时器动画

7.4 时钟

7.5 倒计时

8. 变量的作用域

1. 全局变量：函数外部定义的变量，函数内部和外部都可以访问，它的值可以共享

2. 局部变量：函数内部定义的变量，函数内部可以访问，外部无法访问。函数内部访问变量时，先在内部查找是否有此变量，如果有，就使用内部变量，如果没有，就去外部查找

3. 函数内部如果不用'var'关键字定义变量，变量可能会变成全局变量，如果用严格模式解析会报错

9. 封闭函数

10. 用变量的方式定义函数

11. 闭包

• 闭包
  • 闭包的本质就是函数嵌套，就是在函数里面定义函数，
  • 内部函数可以引用外部函数的参数和变量
  • 参数和变量不会被垃圾回收机制给回收
  • 闭包的用途：可以存循环的索引值、做私有变量计数器