JavaScript의 문자열에서 함수 호출을 실행하는 방법은 무엇입니까?

문자열에서 함수 호출

JavaScript에서는 함수 호출을 나타내는 문자열을 실제 함수 호출로 변환하는 것이 가능합니다. .

"clickedOnItem(" + t.parentNode.id + ")"

과 같은 문자열을 함수 호출로 변환하려는 경우를 생각해 보세요.

clickedOnItem(IdofParent);

이를 달성하기 위해 다음 접근 방식을 활용할 수 있습니다.

<code class="javascript">var fn = window[settings.functionName];
if(typeof fn === 'function') {
    fn(t.parentNode.id);
}</code>

이 코드 조각에서는 먼저 settings.functionName에 저장된 문자열을 사용하여 창 개체에서 함수 참조를 검색합니다. 함수가 존재하는 경우 원하는 인수를 사용하여 호출을 진행합니다.

예를 들어 settings.functionName이 "clickedOnItem"으로 설정된 경우 코드를 실행하면 다음과 같은 결과가 발생합니다.

<code class="javascript">var fn = window["clickedOnItem"]; // Fetch the function reference
fn(t.parentNode.id); // Invoke the function</code>

이는 우리가 목표로 했던 수동 함수 호출을 효과적으로 모방합니다. 이 접근 방식은 잠재적인 보안 및 유지 관리 문제로 인해 일반적으로 눈살을 찌푸리게 됩니다. 함수 호출을 동적으로 생성하려면 함수 생성자 또는 화살표 함수를 사용하는 등 보다 안전한 대안을 모색해 보세요.

위 내용은 JavaScript의 문자열에서 함수 호출을 실행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!