Javascript中的方法和匿名方法实例详解

这篇文章主要介绍了Javascript中的方法和匿名方法,以实例形式较为详细的分析了javascript中方法及匿名方法的定义与使用技巧,需要的朋友可以参考下

本文实例讲述了Javascript中的方法和匿名方法。分享给大家供大家参考。具体分析如下：

Javascript方法（函数）

声明函数

以function开头，后跟函数名，与C#、java不同，Javascript不需要声明返回值类型、参数类型。没有返回值就是undefined。

举个例子更清楚：

无参数无返回值的方法：

1. function f1(){ 
2. alert('这是一个方法'); 
3. } 
4. f1();//调用方法  

无参数有返回值的方法：

1. function f2(){ 
2. return 100; 
3. } 
4. var result=f2();//声明一个变量，接收f1()中的返回值 
5. alert(result);//100  

有参数有返回值的方法：

1. function f3(n1,n2){ 
2. return n1+n2; 
3. } 
4. var result=f3(20,30); 
5. alert(result);//50 

注意1：

先看例子：

1. function f1(){ 
2. alert('这是一个方法');  
3. } 
4. alert(f1());//弹出”这是一个方法”后，还会显示undefined 

原因：js中，变量没有赋值，就是undefined;该栗中f1()没有返回值，那么就是一个未知的值(undefined)，这里未知的变量放入alert()，当然弹出的就是undefined

注意2：

1. alert(f1);//不写括号，会将f1整个代码以字符串形式显示出来： 
2. function f1(){  
3. alert('这是一个方法');  
4. }  

JavaScript中没有方法重载

只调用最新定义的方法：

1. function f1(n1,n2){  
2. alert(n1+n2);  
3. }  
4. function f1(n1,n2){  
5. alert(n1-n2);  
6. }  
7. f1(10,2);//8 

结论：无论在哪里调用，都只调用最新定义的方法。

注意：数字+undefined=undefined

1. function f1(n1,n2,n3){  
2. alert(n1-n2+n3);  
3. }  
4. f1(10,2); 
5. //NaN,因为没有给n3传值，n3就是undefined， 
6. //数字加上undefined还是undefined 

以上结论：Javascript中没有方法重载

定义方法时注意：

自定义函数名不要和内置方法重名：

不要和js内置、dom内置方法重名，比如selectAll、focus等函数名不要用。

不要与系统函数重名。(在单击事件中调用自己定义的focus方法，有问题。与系统的focus()方法重名了)

书写规则括号注意：

一般在js中编写大括号都是直接跟在后面

1. function f1(){  
2. return 
3. {  
4. age:100};  
5. }  
6. var s=f1();  
7. alert(s.age); 
8. //undefined。s结果是undefined，undefined.age必然还是undefined 

匿名方法（用的非常多）

为什么推荐用匿名方法?

1、有一个1.js中有个方法function aa(){alert{'我挺帅了'}}

2、有一个2.js中有个方法function aa(){alert{'我越来越帅了'}}

3、将1.js和2.js依次导入到index.html中，调用aa();结果显示：我越来越帅了。

结论：2.js中的aa()方法会覆盖1.js中的aa()

怎么办?不再指定方法名，使用匿名方法

先看一个将匿名方法赋给变量例子：

1. var ff=function(n1,n2){  
2. return n1+n2;  
3. };  
4. alert(ff(20,30));//50 

一行写完匿名方法：

小案例:1：

1. var x=1;  
2. var y=0;  
3. var z=0;  
4. var add=function (n){n=n+1;return n};  
5. y=add(x);//结果是2,先调用上面add  
6. add=function(n){n=n+3;return n;};  
7. z=add(x);//结果是4，调用上面临近的这个add  
8. alert(y+','+z);//2,4 

小案例2：

1. function aa()  
2. {  
3. alert("aaa");  
4. return function(){alert("bbb");};  
5. }  
6. alert(aa);//不写括号，会将aa方法的整个代码显示出来  
7. alert(aa());//aaa，function(){alert("bbb");}; aaa就不解释了，后面那一串是作为aa()的返回值显示  
8. alert(aa()());//aaa,bbb,undefined  
9. //下面分解上面这句进行解释  
10. var s=aa();//aaa  
11. alert(s());//s()就是function(){alert("bbb");};首先弹出bbb，其次该方法没有返回值，故弹出undefined 

希望本文所述对大家的javascript程序设计有所帮助。