javascript - this.show 和 this.show() 函数调用的区别？

Question

$(document).ready(function(){       
        $('html').addClass('js');
        var contactForm = {
            init: function(){
                $('<button></button>',{
                    text: 'contact me'
                }).appendTo('article')
                **.on('click', this.show);**
            }, 

            show: function(){
                console.log('show is clicked');
            }
        }

        contactForm.init();
    });

在 onClick 调用中，为什么 .on('click', this.show()); 在加载 dom 时立即执行，而稍后仅在单击按钮。

Answer 1

末尾的括号表示应立即调用前面的函数。如果没有方括号，它将成为函数的引用。

因此 on('click', this.show()); 将意味着 show 函数在 click 加载时被调用> 设置了处理程序，并将其返回值设置为事件处理程序。

其中 on('click', this.show); 为点击处理程序提供了对 show 函数的引用，该函数将在 点击事件发生。

最佳做法是仅将函数的引用传递给事件处理程序——即。后一个例子。