문자열에서 JavaScript 함수를 안전하게 실행하는 방법은 무엇입니까?

문자열에서 JavaScript 함수 호출

JavaScript에서는 함수 호출이 포함된 문자열을 실제 함수 실행으로 변환해야 하는 시나리오가 발생할 수 있습니다. 포괄적인 솔루션은 다음과 같습니다.

전제 조건:

• 함수 호출을 나타내는 문자열을 식별합니다(예: "settings.functionName '(' t.parentNode.id). ')'".
• 함수 이름과 해당 인수를 결정합니다: "clickedOnItem", "IdofParent".

해결책:

1. 전역 범위에서 대상 함수 검색:

<code class="js">var fn = window[settings.functionName];</code>

이 단계에서는 settings.functionName으로 식별된 함수에 대한 참조를 얻습니다. 이 경우에는 "clickedOnItem"입니다.

2. 검색된 값이 함수인지 확인:

<code class="js">if(typeof fn === 'function') {
    fn(t.parentNode.id);
}</code>

이 단계에서는 검색된 값이 실제로 함수인지 확인합니다. 그렇다면 지정된 인수를 사용하여 함수를 실행합니다.

제공된 예에서 코드는 문자열을 직접 함수 호출로 변환합니다.

<code class="js">clickedOnItem(IdofParent);</code>

추가 참고 사항:

eval() 메서드는 문자열을 코드로 평가할 수도 있지만 일반적으로 보안 문제로 인해 권장되지 않습니다. 여기에 제시된 솔루션은 보다 안전한 대안을 제공합니다.

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