浅谈javascript对象模型和function对象

265 阅读 0 评论 175 点赞

我是靠谱客的博主健壮衬衫，最近开发中收集的这篇文章主要介绍浅谈javascript对象模型和function对象，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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中没有方法重载的概念。方法可以有n个参数，而传参数时可以只传1个参数。

数据类型 Undefined--类型 undefined--值

在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>

在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>

java中的方法重载，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>