为什么这里td可以重复使用而不是使用新的变量名？

 var tbody = document.getElementById('table');  
		var tr = document.createElement('tr');  
		 
		 var td = document.createElement("td");
		 td.innerHTML = "<input type='text'/>";
		 tr.appendChild(td);
		 
		 td = document.createElement("td");
		 td.innerHTML = "<input type='text'/>";
		 tr.appendChild(td);
		 
		 td = document.createElement("td");	
		 td.innerHTML = "<a href='javascript:;' onclick='deleteRow(this)'>删除</a>";
		 tr.appendChild(td);   
		 
		 tbody.appendChild(tr);   
		Highlight();

为什么这里td可以重复使用而不是使用新的变量名？