JavaScript函数调用的两种常用方式及可变参数详解

JavaScript函数调用基础

在JavaScript开发中，理解函数的基本调用机制是基础。一个典型的JS函数定义包含了函数名、参数列表以及函数体内的执行逻辑。

function test(aa){
window.alert("你输入的是"+aa);
}

直接调用与变量赋值调用

第一种调用方式是最为直观的直接调用。这种方式适用于那些只需要执行一次或无需复用的场景。

例如，执行代码 test("dddd"); 即可直接触发函数test的执行，并传入字符串"dddd"作为参数。

第二种常见方式是将函数赋值给一个变量，然后通过该变量来间接调用函数。这种方式增加了代码的灵活性，常用于回调函数或高阶函数的场景中。

具体实现时，可以使用语句 var abc=test; 将函数test的引用赋值给变量abc。注意这里没有括号，表示获取的是函数本身而非执行结果。

随后，可以通过变量abc来调用函数，例如 abc('中国');。此时，函数体将使用'中国'作为参数执行，效果与直接调用test('中国')一致。

在实际使用中，需要特别注意一种常见的混淆写法，即区分函数引用赋值与函数执行结果赋值。

如果写成 var abc=test("dddd"); 的形式，这并非将函数赋值给变量，而是执行了函数test并将返回值赋给abc。因此，此时无法通过变量abc再次调用函数来重复执行逻辑。

这种写法的实际行为取决于原函数test是否有返回值。如果test有返回值，变量abc将存储该返回值；如果test没有显式返回值（即返回undefined），那么变量abc的值也将为undefined。

特别需要强调的是，JavaScript语言特性天然支持可变参数。这意味着在定义函数时，即使只声明了一个参数，调用时也可以传入任意数量的参数，这为处理不确定数量的输入提供了便利。

//编写一个函数，可以接受任意多个数，并计算他们的和
//无法重载，abc2函数名不能重复
function abc2(n1){// 可以无视参数n1
//在js中有一个arguments，可以访问所有传入的值。
//window.alert(arguments.length);
//遍历所有的参数
for(var i=0;i<arguments.length;i++){
window.alert(arguments[i]);
}
}