javascript对象模型跟function对象

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个参数。

javascript对象模型跟function对象

 

数据类型 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>