js函数

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <script type="text/javascript">

/*【函数的声明及调用】
* 1、函数声明的格式：
* function 函数名(参数1，参数2，……){
* //函数体
* return 结果；
* }
*
* >>>函数调用的格式：
* 直接调用：函数名(参数1的值，参数2的值，……)
* 事件调用：onclick
*
*
* 2、函数声明的几点强调：
* ① 函数名的声明必须符合小驼峰法则：首字母小写，之后每个单词首字母大写；
* ② 参数列表，可以有参数，可以无参数，分别称为有参函数，无参函数；
* ③ 声明函数时的参数列表，称为“形参列表”（变量的名）；
*    调用函数时的参数列表，称为“实参列表”（变量的值）；
*   函数中实际有效的参数取决于实参的赋值，未被赋值的形参，将为Undefined；
* ④ 函数如果需要返回值，可用return返回结果。
*   调用函数时使用var 变量名 =函数名();的方式，接受返回结果；
*   如果函数没有返回值，则接收的结果为Undefined；
* ⑤ 函数中变量的作用域：
*   在函数中使用var声明的变量，默认为函数局部变量，只在函数内容能用；
*           不用var声明的变量，默认为全局变量；（函数中的全局变量，必须在函数调用后，才能使用）
*   函数的形参列表，为函数局部变量，只在函数内部能用
* ⑥ 函数声明与函数调用，没有先后之分，即，调用语句可写在声明语句之前
*/



/*【匿名函数的声明及调用】
* 1、声明一个匿名函数，直接赋给某个事件；
* window.onload=function(){}
* 2、使用函数表达式，声明匿名函数；
*    声明函数表达式：var func3=function(){}
*    调用函数表达式：func3();
*    >>> 使用匿名函数表达式，则调用语句，必须在声明语句之后，否则报错（对比常规函数声明与调用的区别）
* 3、使用自执行函数，声明并直接调用匿名函数
* ① ！function(参数1){}(参数1的值); //使用任意运算符开头，一般使用！
* ② (function(){}())   //使用小括号将匿名函数及之后的括号包裹
* ③ (function(){})()   //使用()只包括匿名函数表达式
*
* 三种写法的特点：
* ① 结构清晰，推荐使用；
* ② 可以表明匿名函数鱼之后的()为一整体，推荐使用
* ③ 不推荐使用；
*/
  /*
   function func1(){
    console.log("调用无参函数");
   }
   func1();

   window.onload=function(){
    console.log("使用window.onload调用匿名事件");
   }
   var func3=function(){
    console.log("使用函数表达式，调用匿名函数");
   }
   //此时只是声明了函数表达式，并没有调用，也执行了语句啊；
   console.log(func3);
   func3();
   (function(){
    console.log("使用自执行表达式，调用匿名函数");
   }())
   */


//   console.log(num);
//   var num = 10;
//   funcN();
//   function funcN(){}
/* 上述代码执行流程：
* JS中代码运行，会先检查、装载，即声明变量、函数等操作；
* 然后再进入执行阶段，（变量的赋值等于执行阶段）；
* 所以函数的声明属于检查装载阶段，函数的调用属于执行阶段，所以，函数调用语句写在函数声明语句之前，并没有任何关系。
*
*
* 所以上述代码，执行流入：
* -----检查装载阶段----
* var num;
* function funcN(){}
* -----执行阶段-------
* console.log(num);
* num = 10;
* funcN();
*/

  /*function func2(num1,num2,num3){
//    func1()
    var num=num1;
    console.log("调用有参函数");
    console.log("num为："+num);
    console.log("参数1为："+num1);
    console.log("参数2为："+num2);
    console.log("参数3为："+num3);
//   return 1;
   }

   var num = func2(1,2,3); //调用函数
   console.log(num);*/

/*【Arguments对象】
* 1、作用：用于保存调用函数时所赋值的实参列表。
*   >>>当我们调用函数并使用实参赋值时，实际上参数已经保存到arguments数组中，即使没有形参，也可以使用
*      arguments[n]的形式调用函数；
*
* 2、arguments数组的个数，取决于实参列表，与形参无关，（顺序从0开始）；
*    但，当第N个位置的形参、实参、arguments都存在时，形参与arguments是同步的。
*    （即在函数中修改其中一个的值，另一个会同步变化）
*
* 3、arguments.callee是arguments的重要属性，用于返回arguments所在函数的引用；
*    arguments.callee() 可以调用自身函数执行；
*    在函数内部调用函数自身的写法，被称为递归，所以arguments.callee()是递归调用时常用的方式
*
*    【This】
*   指向函数调用语句所在的作用域，即，谁调用函数，this指向谁；
*
*
*/

   /*function func4(num1,num2,num3,num4,num5){
    console.log("Arguments对象");
    console.log(arguments[0]);
    console.log(arguments[1]);
    console.log(arguments[2]);
    console.log(arguments[3]);
    console.log(arguments[4]);
    console.log(arguments[4]==num5);
   }
   func4(1,2,3,4);*/



  /* var sum=0;
   !function func5(num){
     sum=sum+num;
    num++;
    if(num<=10){
     arguments.callee(num);
    }

   }(1);
   console.log(sum);*/

   /*var sum=0;
   !function func5(num){
    var ji=1;
    for(var v=1;v<=num;v++){
     ji=ji*v;
    }
     sum=sum+ji;
    num++;
    if(num<=10){
     arguments.callee(num);
    }

   }(1);
   console.log(sum);*/
   /*var sum=0;
   !function func5(num){
    var v=1;
    for(var j=1;j<=num;j++){
     v=v*j;
    }
    sum=sum+v;
    num++;
    if(num<=10){
     arguments.callee(num);
    }
   }(1);
   console.log(sum);*/

   var sum=0;
   !function func5(num){
    var jie=1;
    !function func6(num1){
     jie=jie*num1;
     num1++;
     if(num1<=num){
      arguments.callee(num1);
     }
    }(1);
    sum+=jie;
    num++;
    if(num<=10){
      arguments.callee(num);
    }
   }(1);
   console.log(sum);



  </script>

</head>
<body>

  


</body>
<html>