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;

页面效果：

 

posted @ 2018-05-28 00:04  Jepson6669  阅读(3862)  评论(0)  编辑  收藏  举报