本文详细解析JavaScript中函数的定义方式、参数与返回值处理，以及匿名函数的应用。重点阐述JavaScript中不存在方法重载的特性，同名函数定义会相互覆盖，并探讨通过匿名函数避免命名冲突的技巧及自执行函数的写法。
JavaScript函数基础与声明规范
本文通过具体实例深入解析JavaScript中的函数与匿名函数概念，旨在帮助读者理解其核心机制并提供参考。
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
注意事项一：
首先观察以下代码示例：
function f1(){
alert('这是一个方法');
}
alert(f1());//弹出”这是一个方法”后，还会显示undefined
原理解析：在JavaScript中，未赋值的变量默认为undefined。上述示例中f1()函数没有返回值，因此其执行结果为未知的undefined值。当将此结果传入alert()函数时，弹出的内容自然显示为undefined。
注意事项二：
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
结论：无论调用位置如何，JavaScript始终只执行最新定义的同名函数。
补充说明：数字与undefined进行运算的结果仍为undefined。
function f1(n1,n2,n3){
alert(n1-n2+n3);
}
f1(10,2);
//NaN,因为没有给n3传值，n3就是undefined，
//数字加上undefined还是undefined
基于上述分析，可以确认JavaScript中不支持方法重载机制。
定义函数时的注意事项：
自定义函数名称应避免与内置方法重名： 请勿使用如selectAll、focus等JavaScript或DOM内置方法的名称作为自定义函数名。
避免与系统函数重名。例如，若在单击事件中调用自定义的focus方法，可能会引发问题，因为这与系统内置的focus()方法名称冲突。
书写规则中的括号注意事项：
在JavaScript编码惯例中，大括号通常直接紧随函数名之后书写。
function f1(){
return
{
age:100};
}
var s=f1();
alert(s.age);
//undefined。s结果是undefined，undefined.age必然还是undefined
匿名函数的应用与优势
匿名函数应用（高频使用场景）
为何推荐使用匿名函数？
假设在1.js文件中定义了一个方法：function aa(){alert('我挺帅了')}。
同时在2.js文件中定义了另一个同名方法：function aa(){alert('我越来越帅了')}。
若将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
单行代码实现匿名函数：
代码如下：
(function (n1,n2){alert(n1+n2);})(9,9);案例一：
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
案例二：
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程序设计有所帮助。