JavaScript之 ------ 函数（一般函数动态函数匿名函数）

Posted 2020-08-14

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript之 ------ 函数（一般函数动态函数匿名函数）相关的知识，希望对你有一定的参考价值。

javascript之 ------ 函数（一般函数、动态函数、匿名函数）

函数

一、一般函数

1、格式：

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

{

执行语句；

return 返回值；

}

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

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

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

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

例：

<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、函数在调用时的其他写法

<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当中的类反射。我们平时写函数时通常不用，但关键的地方一写，整个程序的功能会变得很活。

<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();`

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

例：

function test()
{
alert(“load ok”);
}
window.onload = test;

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

window.onload = function()
{
alert(“load ok”);
}

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

四、函数调用

function.js

      //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;>
 