재귀 함수의 인수 연결

Question

이 예제는 "dom scripting"이라는 책 - jeremy keith에서 가져온 것입니다. 너무 많은 연결이 줄

var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")"; 

Answer 1

var repeat 오히려 기능 자체보다, 실제로는 함수 호출의 문자열 표현입니다 그것 때문에 거기에 왜

function moveElement(elementID,final_x,final_y,interval) { 
if (!document.getElementById) return false; 
if (!document.getElementById(elementID)) return false; 
var elem = document.getElementById(elementID); 
var xpos = parseInt(elem.style.left); 
var ypos = parseInt(elem.style.top); 
if (xpos == final_x && ypos == final_y) { 
return true; 
} 
if (xpos < final_x) { 
xpos++; 
} 
if (xpos > final_x) { 
xpos--; 
} 
if (ypos < final_y) { 
ypos++; 
} 
if (ypos > final_y) { 
ypos--; 
} 
elem.style.left = xpos + "px"; 
elem.style.top = ypos + "px"; 
var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")"; 
movement = setTimeout(repeat,interval); 
} 

이해가 안 돼요.

당신은 같은 것을 할 것 (문자열을 사용하지 않는) 코드에서 같은 일을 수행합니다 repeat이 moveElement 기능의 호출을 포함

var repeat = function() { moveElement(elementId, final_x, final_y, interval); } 
    movement = setTimeout(repeat, interval); 

Answer 2

때문입니다. 함수에 전달되는 인수는 ,으로 구분해야합니다. 그래서 우리는 변수의 값을 코마로 연결하여 함수를 호출 할 문자열을 얻습니다. moveElement

Answer 3

이것은 함수를 호출하는 이상한 방법입니다. setTimeout 및 setInterval의 첫 번째 인수로 string을 사용하지 말아야하며 이런 종류의 예제를 사용하여 책을 읽지 않는 것이 좋습니다.

정확한 방법은 원하는 함수 호출과 함께 외딴 함수를 전달하는 것입니다.