js中函数对象创建的总结

Posted 2021-01-22 baoziy

在javascript的函数对象创建方法中，可以分为三种情况：

1：第一种是使用function语句定义函数

 1 <script type="text/javascript">
 2  function fun1(){
 3   alert("我的第一个方法");
 4  }
 5 
 6  //这里边JavaScript带参数的时候不需要提前的定义和声明，而且在定义的时候也不需要带参数类型，直接写参数名称。在使用的时候直接传参就行了，传的是啥类型的参数，就是用啥类型的参数
 7  function fun2(param1){
 8   alert(param1);
 9  }
10  
11  function fun3(param1,param2){
12   alert(param1+" "+param2);
13  }
14  
15  function fun4(param1,param2){
16   return param1+" "+param2;
17  }
18  // fun1();
19  // fun2("fuck");
20  // fun3("fuck","you");
21  var result=fun4("fuck","you");
22  alert(result);
23 </script>

2：第二种是使用Function()构造函数来定义函数（不常用）

var 函数名 = new Function(“参数1”，”参数2”，”参数3”……”函数体”);

var sum = new Function(”x”,”y”,”var z=x+y;return z;”);

3:第三种是在表达式中定义函数

var 函数名 = function(参数1，参数2，…){

函数体

};

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

三种方法的比较：

第一种方法和第三种方法使用的比较多，第二种方法使用的比较少，因为当函数体{}里边的内容比较多的时候，假如全部都用字符串形式表示的话代码的阅读行特别差。但这种方法能比较直观的看出来函数是对象，函数名能作为对象参数使用。

第一种方法创建的是有名函数，在使用的时候可以先使用然后在声明；第三种方法是匿名函数(无名函数)，在使用的时候智能是先声明然后在使用，如果反过来使用就会报错！