用js完成自适应时为什么要加两对()()啊

Question

window.onload = function(){(    window.onresize = function () {        //获取可见宽度和宽度        //documentElement是整个DOM的根节点，即html        var width = document.documentElement.clientWidth - 180;        var height = document.documentElement.clientHeight - 80;        if(width >= 0){            document.getElementById('main').style.width = width + 'px';        }        if(height >= 0){            document.getElementById('main').style.height = height + 'px';            document.getElementById('sidebar').style.height = height + 'px';        }})()};为什么要加两对 ()()才能在刚进页面时就能调用函数，不加的话必须滚动下才能调用？这是为啥。

Answer 1

这段代码写得太烂了，可读性非常差，他的意思是window.onload的时候，去绑定resize，而且同时还要在resize的时候绑定同样一个函数？这思维太混乱了。

你知道 window.onresize = function () {}的返回值是这个函数本身？ 有可读性？
这么写好点：

var dosomething = function () {...}window.onload = dosomething
window.resize = dosomething