JavaScript函数即对象：Function构造器与arguments详解

JavaScript函数即对象

在JavaScript语言体系中，函数本质上是一种特殊的对象。

<html>
<head>
<script type="text/javascript">
function add(number){
alert(number+20);
} 
var add=function(number){
alert(number+20);
} 
function add(number,number1){
alert(number+30);
} 
var add=function(number){
alert(number+90);
}
add(10);
</script>
</head>
<body>
</body>
</html>

上述代码展示了add作为引用指向function对象的关系。

与Java不同：JavaScript不存在方法重载机制。函数可定义任意数量参数，调用时仅传递一个参数即可。

数据类型Undefined对应类型undefined，其值为undefined。

Function构造函数

JavaScript内置了Function对象，所有自定义函数均属于Function类型。Function构造函数接收全字符串形式的参数，其中最后一个字符串为函数体，前面的字符串依次为函数形参名。

<html>
<head>
<script type="text/javascript">
var add =new Function("number","alert(number+20);");
add(10);
</script>
</head>
<body>
</body>
</html>

arguments对象与参数处理

在JavaScript中，每个Function对象都包含一个隐含的arguments对象，用于存储实际传递给函数的参数列表。

<html>
<head>
<script type="text/javascript">
function add(){
alert(arguments.length);
alert(arguments[0]);
alert(arguments[1]);
} 
add(10,20);
</script>
</head>
<body>
</body>
</html>

虽然JavaScript没有方法重载机制，但可以通过arguments对象实现类似的功能。

<html>
<head>
<script type="text/javascript">
function add(){
if(1==arguments.length){
alert(arguments[0]);
}else if(2==arguments.length){
alert(arguments[0]+arguments[1]);
}else if(3==arguments.length){
alert(arguments[0]+arguments[1]+arguments[2]);
} 
} 
add(2);
add(2,3);
add(2,3,4);
</script>
</head>
<body>
</body>
</html>

以上内容涵盖了JavaScript对象模型与Function对象的核心要点，如有疑问欢迎交流探讨。