快捷導(dǎo)航

淺談javascript對象模型和function對象

更新時間：2014年12月26日 08:55:08 投稿：hebedich

這篇文章主要簡單介紹了javascript對象模型和function對象，以及相關(guān)的示例代碼，非常實用，需要的小伙伴參考下

javascript中，函數(shù)就是對象

<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個參數(shù)，而傳參數(shù)時可以只傳1個參數(shù)。

數(shù)據(jù)類型 Undefined--類型 undefined--值

在JavaScript中有一個Function對象，所有自定義的函數(shù)都是Function對象類型的。
Function對象接收所有參數(shù)都為字符串類型的,其中最后一個參數(shù)是函數(shù)體,而前面的參數(shù)則是函數(shù)真正需要接收的參數(shù)。

復(fù)制代碼代碼如下:

<html> 

<head> 

<script type="text/javascript"> 

var add =new Function("number","alert(number+20);"); 

add(10); 

</script> 

</head> 

<body>

</body> 

</html>

在javascript中，每一個Function對象都有一個隱含的對象arguments,表示給函數(shù)實際傳遞的參數(shù).

復(fù)制代碼代碼如下:

<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來實現(xiàn)。

復(fù)制代碼代碼如下:

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