javascript - 例如函数名为f1,f1和f1()的区别

查看:104
本文介绍了javascript - 例如函数名为f1,f1和f1()的区别的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

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

解决方案

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'

这篇关于javascript - 例如函数名为f1,f1和f1()的区别的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆