首页 > 技术文章 > JavaScript之 ------ 函数(一般函数、动态函数、匿名函数)

propheterLiu 2016-10-11 10:50 原文

JavaScript之 ------ 函数(一般函数、动态函数、匿名函数)
函数

 

一、一般函数

 

1、格式:

function 函数名(形式参数...)

{

执行语句;

return 返回值;

}

函数是多条执行语句的封装体,只有被调用才会被运行。

注意:调用有参数的函数,但没有给其传值,函数一样可以运行,或者调用没有参数的函数,给其传值,该函数也一样运行。

说的简单点:只要写了函数名后面跟了一对小括号,该函数就会运行。

 

2、函数虽然定义时是声明成两个参数,但调用时却是可以传入任意个

例:

1
2
3
<span style="font-size:14px;">function show(x,y){
         alert(x+:+y);
     }</span>
show(4,8); 结果:4:8

 

show(4);结果:4:undefined

show(); 结果:undefined:undefined

show(4,8,89); 结果:4:8

综上的例子,Js当中的函数是不存在重载的。如果有,一定就通配所有的了。

 

3、每个函数中,存在一个 默认的数组arguments ,里面存储着本次调用时传入的所有实参

 

1
2
<span style="font-size:14px;">function show2(x,y){
         for(var i=0; i</arguments.length;i++){></span>
结果:1 2 3 45

 

 

4、函数在调用时的其他写法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<span style="font-size:14px;"><script type=text/javascript>
      function getSum(){
          return 100;
      }
      var sum = getSum();
     // alert(sum); //结果:100
    
      var sum2 = getSum; //相当于java当中的 引用捆绑
      //alert(getSum); //结果:getSum.toString()
      // alert(sum2); //结果:sum2.toString(),也就是getSum.toString()
      //alert(sum2()); //等价于调用:getSum()
       
      function show2(){
          alert(kkkl);
      }
      alert( show2() ); //先弹出“kkkl”,再弹出“undefined”。因为里面的函数没有return值,而外面的函数要用变量去接,结果相当于变量没赋值就输出
       
   </script></span>


 

二、动态函数

 

利用Js当中内置的对象Function来构造一个函数,构造方法中的第1个参数是“形参”,第2个参数是“函数体”。

该思想类似于Java当中的类反射。我们平时写函数时通常不用,但关键的地方一写,整个程序的功能会变得很活。

 

1
2
3
<span style="font-size:14px;">var add = new Function(x,y, var sum; sum=x+y;return sum;);
var s = add(100,39);
alert(s=+s);</span>

 

 

三、匿名函数

 

格式:function(){...}

例:

1
2
var demo = function(){...}
demo();

 

通常在定义事件属性的行为时较为常用。

例:

 

1
2
3
4
5
function test()
{
alert(“load ok”);
}
window.onload = test;

 

可以写成匿名函数的形式:

 

1
2
3
4
window.onload = function()
{
alert(“load ok”);
}

 

匿名函数就是一种简写格式。


四、函数调用

function.js

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
      //1 取最大值:输出给定数组当中值最大的元素
      //函数定义
      function getMax(arr){
          var max=0;//记下标
          for(var x=1; xarr[max]){
                  max = x;
              }
          }
          return arr[max];
      }
       
     
      //2 数组排序
      //函数定义
      function sortArray(arr){
          for(var x=0; xarr[y]){
                      swap(arr,x,y);
                  }
              }
          }
      }
      //辅助函数,用于交换数组中的两个元素
      function swap(arr,x,y){
          var temp = arr[x];
          arr[x] = arr[y];
          arr[y] = temp;
      }
      
       
      //3 模拟Java当中的System.out.println()
      function println(str){
          document.write( str +
);
      }
       
       
      //4 在数组当中查找元素(若存在则返回该元素的位置,否则返回-1)
      function searchElement(arr,key){
          for(var x=0; x>1;
              if(key>arr[mid]){
                  min=mid+1;
              }else if(key调用:<pre class="brush:java;"></pre>
<script type=text/javascript src=functions.js>
    </script><script type=text/javascript>
       //1 函数调用
      var arr=[133,-22,33,43,1211];
      var mValue = getMax(arr);
      //alert(mValue=+ mValue);
    
       //2函数调用
      document.write(排序前:+arr +<br>); // println(arr);
      sortArray(arr);
      document.write(排序后:+arr);
       
      //3 函数调用
      println();
      println(arr);
       
      //4 函数调用
      var a=searchElement(arr,133);
      //alert(a);
       
      //5 函数调用
      var b=binarySearch(arr,-2);
      //alert(b);
       
      //6 函数调用
      reverseArray(arr);
      println(arr);
       
   </script></arr[mid]){></arr.length;></arr.length-1;></arr.length;>

 

推荐阅读