Javascript中的方法和匿名方法实例详解
IT金钟国 人气:0本文实例讲述了Javascript中的方法和匿名方法。分享给大家供大家参考。具体分析如下：
Javascript方法（函数）
声明函数
以function开头，后跟函数名，与C#、java不同，Javascript不需要声明返回值类型、参数类型。没有返回值就是undefined。
举个例子更清楚：
无参数无返回值的方法：
function f1(){
alert('这是一个方法');
}
f1();//调用方法
无参数有返回值的方法：
function f2(){
return 100;
}
var result=f2();//声明一个变量，接收f1()中的返回值
alert(result);//100
有参数有返回值的方法：
function f3(n1,n2){
return n1+n2;
}
var result=f3(20,30);
alert(result);//50
注意1：
先看例子：
function f1(){
alert('这是一个方法');
}
alert(f1());//弹出”这是一个方法”后，还会显示undefined
原因：js中，变量没有赋值，就是undefined；该栗中f1()没有返回值，那么就是一个未知的值（undefined），这里未知的变量放入alert()，当然弹出的就是undefined
注意2：
alert(f1);//不写括号，会将f1整个代码以字符串形式显示出来：
function f1(){
alert('这是一个方法');
}
JavaScript中没有方法重载
只调用最新定义的方法：
function f1(n1,n2){
alert(n1+n2);
}
function f1(n1,n2){
alert(n1-n2);
}
f1(10,2);//8
结论：无论在哪里调用，都只调用最新定义的方法。
注意：数字+undefined=undefined
function f1(n1,n2,n3){
alert(n1-n2+n3);
}
f1(10,2);
//NaN,因为没有给n3传值，n3就是undefined，
//数字加上undefined还是undefined
以上结论：Javascript中没有方法重载
定义方法时注意：
自定义函数名不要和内置方法重名：
不要和js内置、dom内置方法重名，比如selectAll、focus等函数名不要用。
不要与系统函数重名。(在单击事件中调用自己定义的focus方法，有问题。与系统的focus()方法重名了)
书写规则括号注意：
一般在js中编写大括号都是直接跟在后面
function f1(){
return
{
age:100};
}
var s=f1();
alert(s.age);
//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()
怎么办？不再指定方法名，使用匿名方法
先看一个将匿名方法赋给变量例子：
var ff=function(n1,n2){
return n1+n2;
};
alert(ff(20,30));//50
一行写完匿名方法：
小案例:1：
var x=1;
var y=0;
var z=0;
var add=function (n){n=n+1;return n};
y=add(x);//结果是2,先调用上面add
add=function(n){n=n+3;return n;};
z=add(x);//结果是4，调用上面临近的这个add
alert(y+','+z);//2,4
小案例2：
function aa()
{
alert("aaa");
return function(){alert("bbb");};
}
alert(aa);//不写括号，会将aa方法的整个代码显示出来
alert(aa());//aaa，function(){alert("bbb");}; aaa就不解释了，后面那一串是作为aa()的返回值显示
alert(aa()());//aaa,bbb,undefined
//下面分解上面这句进行解释
var s=aa();//aaa
alert(s());//s()就是function(){alert("bbb");};首先弹出bbb，其次该方法没有返回值，故弹出undefined
希望本文所述对大家的javascript程序设计有所帮助。
加载全部内容