javascript中的function 函数名(){} 和 函数名:function(){}有什么不同

时间:2023-03-09 19:52:43
javascript中的function 函数名(){} 和 函数名:function(){}有什么不同

function functionName(){};这是定义一个函数

functionName:function(){};是设置一个对象的方法。

下面举一个例子:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>js</title>
<script type="text/javascript">
var foo ={
method1:function(){
alert("method1 running");
},
method2:function(data){
alert(data);
},
}
</script> </head>
<body>
<div>
<a href="javascript:foo.method1()" >调用method1</a><br/>
<a href="javascript:foo.method2('I am Method2')" >调用method2</a>
</div>
</body>
</html>

上面的代码中我们给foo对象添加了两个方法,它们分别是method1和method2;

页面效果:

javascript中的function 函数名(){} 和 函数名:function(){}有什么不同

javascript中的function 函数名(){} 和 函数名:function(){}有什么不同