1

学习JS的第四天

一、循环

 1、循环嵌套 

  1.一个循环内包含完整的另一个循环语句。
  2.包含的循环语句叫内循环包含别的循环的循环语句叫外循环。
  3.外循环每执行一次循环,内循环都会完全执行所有循环次数。
  4.循环嵌套的总执行次数是外循环次数乘以内循环次数。
  循环嵌套不要超过3层。
  注:可使用浏览器的调试功能一步步查看循环嵌套的执行

  案例(九九乘法表):

1 var i,j;
2     for(i=1; i<=9 ; i++){
3         for(j=1; j<=i; j++){
4             document.write(i + "*" + j + "=" + i * j + " ");
5         }
6         document.write("</br>");
7     }

  2、continue

  continue:遇到该关键字,则直接结束本次循环,从下一次的条件开始;

  一个关于continue的小例子

 1 var i = 7;
 2     var sum = 0;
 3     while(i>0){
 4         if(i%2){  //  i    7  6  5  4   3   2    1   0
 5             i--;  // sum   0  6  6  10  10  12   12  12
 6         }else{
 7             i--;
 8             continue;
 9         }
10         
11         sum += i;
12     }
13     console.log(sum);

 

  3、break

  break  遇到break 跳出本层循环;

  小例子

 1 var i = 10;
 2     
 3     while(true){
 4         while(i > 0){
 5             console.log(i);
 6             i--;
 7             break;
 8         }
 9         break;
10     }

  4、死循环

  

  有键盘输入数据,且将数值返回给变量
  返回类型为字符串
  var x = prompt();
  console.log(+x+1);

  小例子

 1 var x = prompt();
 2 while(true){
 3 if(x>=0 && x<= 4){
 4 console.log("输入正确");
 5 break;
 6 }else{
 7 console.log("please input 0~4 number:");
 8 x = prompt();
 9 }
10 }

二、函数

  1、函数介绍  

  概念:具有包裹性的最小的功能模块;

    作用:提高开发效率;
  便于维护,避免牵一发而动全身;
  代码角度:提高代码复用性。

  2、函数的定义:函数功能的创建

  创建一个简单的函数

  function fun(a,b){
·        console.log(a+b);
    }

 

    函数头:function:告知编译器该关键字后边的标识符为函数类型;

    函数名:标识符命名规则;

    标识符:有参(用逗号隔开)、无参;

    函数体:和正常的script标签中一样写就行

 

  3、函数的调用

    无参函数的调用:函数名();//函数调用运算符;
    有参函数的调用:函数名(实参列表);

    俩个简单的函数调用小例子

 1 function fun(){
 2         console.log("heihei");
 3     }
 4     
 5     fun();
 6     fun();
 7     fun();
 8     
 9     function add(a,b){
10         console.log(a+b);
11     }
12     

 

  4、形参与实参

    在定义函数时,函数名后面括号中的变量称为“形式参数”(简称形参)。
    在主调函数中调用一个函数时,被调用函数后面括号中的参数称为“实际参数”(简称实参)。

    看3的add(ab)这是形参,实参是自己输入的参数;(自认为)

  5、return(这个头疼了我老半天   感觉这个解释最好理解)

    类似于continue,在遇到时候直接中断,但是会返回一个return值,如果return的值为空,则什么也不返回

posted @ 2020-09-24 20:42  small_zhouzhou  阅读(117)  评论(0)    收藏  举报
TOP