函数有括号和没括号的区别

情况一：函数有括号 showTop()

function showTop  () {
    var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
　　console.log('滚动条位置：' + scrollTop);
}

window.onscroll  = showTop()

执行结果：showTop函数只执行一次，然后把结果赋值给window.onscroll，滚动鼠标滚轮也不会调用showTop函数

情况二：函数无括号 showTop

function showTop  () {
    var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
　　console.log('滚动条位置：' + scrollTop);
}

window.onscroll  = showTop

执行结果：只要滚动鼠标滚轮，就会调用showTop函数

情况二相当于将 showTop 整个函数赋值给window.onscroll：

window.onscroll  = function showTop  () {
    var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
　　console.log('滚动条位置：' + scrollTop);
}

执行结果和情况二相同：只要滚动鼠标滚轮，就会调用showTop函数