js的函数

js中定义方法有三种方式。
参数列表里面不需要写var,直接写参数名。

方式一:使用关键字function   
            
              function 方法名(参数列表){
                      方法体;
                      返回值想有就有;
               }

例1:
//aaa.html
<html>
        <head>
                <title>aaa</title>
        </head>
        <body>
                 <script type="text/javascript">             
                           function test(a,b){                    //定义函数。参数不用写var a,var b 
                                alert(a+b);
                           }
                           var a = 1;
                           var b = 2;
                           test(a,b);                                 //调用函数 
                 </script>
        </body>
</html>

方式二:匿名函数  
注意:后面讲一些事件的时候,会用这种方法。

              var add = function (参数列表){                  //function()定义的函数没有名字,所以定义一个变量 add 
                      方法体;
                      返回值想有就有;
               }

例1:
//aaa.html
<html>
        <head>
                <title>aaa</title>
        </head>
        <body>
                 <script type="text/javascript">             
                           var add = function (a,b){                    //定义函数。方法名字就叫add。
                                alert(a+b);
                           }
                           var a = 1;
                           var b = 2;
                           add(a,b);                                           //调用函数 
                 </script>
        </body>
</html>

方式三:使用js里面的内置对象 Function   
注意:这种方式用得很少,只需要了解即可。这种方式也被成为动态函数。

              var add = new Function ("参数列表","方法体");


例1:
//aaa.html
<html>
        <head>
                <title>aaa</title>
        </head>
        <body>
                 <script type="text/javascript">             
                           var add =  Function("x,y","var sum; sum = x+y; return sum;");      //用一句话写了一个函数。
                           alert(add(3,4)); 
                 </script>
        </body>
</html>

例2:
//aaa.html
<html>
        <head>
                <title>aaa</title>
        </head>
        <body>
                 <script type="text/javascript">        
                           var canshu = "x,y";
                           var fangfati= "var sum; sum = x+y; return sum;";
                           var add =  Function(canshu,fangfati);    
                           alert(add(3,4)); 
                 </script>
        </body>
</html>




猜你喜欢

转载自blog.csdn.net/pengchengliu/article/details/80556715
今日推荐