javascript - 例如函数名为f1，f1和f1（）的区别-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 例如函数名为f1，f1和f1（）的区别

仅有的幸福 2017-06-26 10:56:29

[JavaScript讨论组]

1080

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>    
    <h2>DOM 2级事件绑定</h2>
    
    <button>解绑</button>

    <script type="text/javascript">
    
        var h2 = document.getElementsByTagName('h2')[0];
        function f1(){
            console.log('甲程序员的小功能');
        }
        //甲程序员
        h2.addEventListener('click',f1);

        //解绑
        var btn = document.getElementsByTagName('button')[0];
        btn.onclick = function(){
            h2.removeEventListener('click',f1);
        }
        
        //乙程序员
        h2.addEventListener('click',function(){
            console.log('乙程序员的小功能');
        });

        //丙程序员
        h2.addEventListener('click',function(){
            console.log('丙程序员的小功能');
        });

        
    
    </script>
</body>
</html>

仅有的幸福

全部回复(2)

ringa_lee2017-06-26 10:58:29 2楼

f1是函数对象本身,函数是相当于将函数对象赋值到函数名这个变量,所以可以类似访问变量一样访问函数的.
f1()是调用函数.

function test() { console.log('hello'); }
function callfun(f) { f(); } // Pass function `f` and call it in the function.
callfun(test);   // Call `test` and print 'hello'