这段JS代码里为啥不能这样写

Question

function Tab(oParent,child) {
		 this.oParent= document.getElementById(oParent);
		 this.aInput = this.oParent.getElementsByTagName(child);
		 this.aDiv = this.oParent.getElementsByTagName('div');
		
	}
    Tab.prototype.init=function ()  {
	for (var i = 0 ; i<this.aInput.length;i++){
			var that = this;
			this.aInput[i].index=i;
			this.aInput[i].onclick=function () { //为什么这里不能直接写成this.aInput[i].onclick=that.change(this)
				that.change(this);
			}
	}

	Tab.prototype.change=function (obj) {
				for(var j=0 ;j<this.aInput.length;j++){
					this.aInput[j].className ='';
					this.aDiv[j].style.display='none';
				}

				obj.className = 'active'
				this.aDiv[obj.index].style.display='block';
			}
	}

	window.onload=function () {
		var tabSwitch = new Tab('div1','input');
		tabSwitch.init('div1') 
	}
	</script>

Answer 1

你这么写就直接在定义的时候就执行了啊,而且这个元素的点击也不会有任何事件响应.

Answer 2

onclick属性需要的类型是一个function, 你那么写是一个方法调用。返回值是undefined。