JavaScript의 문자열에서 함수를 만드는 방법은 무엇입니까?

JavaScript의 문자열에서 함수를 생성하는 것은 런타임에 함수를 동적으로 생성해야 하거나 실행하려는 함수에 대한 코드가 포함된 문자열이 있는 경우 도움이 될 수 있습니다.

문자열에서 함수를 구성하는 기능은 런타임에 함수를 동적으로 생성할 수 있는 JavaScript의 유용한 기능입니다. eval() 함수와 new Function() 함수 Object() [네이티브 코드]는 이 작업을 수행하는 가장 널리 사용되는 두 가지 방법이지만 둘 다 심각한 보안 결함이 있습니다.

Function.prototype.constructor는 덜 알려져 있지만 더 안전한 옵션입니다. 문자열에서 함수를 생성하는 JavaScript 접근 방식을 선택하기 전에 위험과 사용 사례를 고려하는 것이 중요합니다.

방법 1: eval() 함수 사용

JavaScript eval() 메서드는 문자열에서 함수를 작성하는 가장 간단한 방법 중 하나입니다. 이 강력한 eval() 함수는 제공된 모든 JavaScript 코드를 문자열로 실행할 수 있습니다.

예

으아아아

여기서 두 개의 매개변수를 취하고 그 합을 반환하는 함수가 있음을 볼 수 있습니다. 이제 이 함수는 문자열에 포함됩니다. eval() 함수는 이 문자열을 매개변수로 받아 함수를 반환하기 전에 이를 평가합니다. 그런 다음 반환된 함수는 다른 함수처럼 사용할 수 있는 add라는 변수에 할당됩니다.

그러나 공급된 모든 JavaScript 코드를 실행하므로 프로덕션 코드에서 사용하는 것은 보안 결함으로 이어질 수 있으므로 위험할 수 있습니다.

방법 2: new Function() 생성자 사용

JavaScript의 문자열에서 함수를 만드는 또 다른 방법은 Function() 생성자를 사용하는 것입니다. Function() 생성자는 함수 코드가 포함된 문자열에서 새 함수 개체를 만듭니다. 다음은 Function() 생성자를 사용하여 문자열에서 함수를 생성하는 방법에 대한 예입니다.

Example

으아아아

이 예에서는 함수 코드가 포함된 문자열을 Function() 생성자에 전달합니다. 그러면 문자열에서 새 함수 개체가 생성됩니다. 그런 다음 반환된 함수를 다른 함수처럼 사용할 수 있는 변수 add에 할당합니다.

함수만 생성할 수 있으므로 eval()보다 덜 위험하지만 여전히 비슷한 위험이 있습니다

방법 3: Function.prototype.constructor 사용

이것은 함수를 생성하며 문자열로 전달된 함수 본문을 제외한 다른 코드를 실행할 수 없습니다. 그러나 덜 널리 사용되며 다른 두 가지 방법만큼 이전 브라우저에서 지원되지 않습니다.

예

으아아아

이 예제에서는 함수 매개변수와 함수 본문이 생성자에 제공됩니다. Function.prototype.constructor를 사용하여 주어진 매개변수와 함수 본문으로 새 함수를 생성한 다음, 주어진 매개변수로 함수를 호출하여 즉시 함수를 호출합니다

문자열에서 생성한 함수는 전역 범위에 액세스할 수 있으며 생성한 코드의 범위에 포함되지 않는다는 점을 기억하세요.

기억해야 할 또 다른 중요한 점은 문자열에서 함수를 생성하면 특히 함수 본문이 긴 경우 애플리케이션 속도가 느려질 수 있다는 것입니다.

또한 함수가 복잡한 경우 문자열에서 함수를 작성하면 코드를 이해하고 디버깅하기가 더 어려워집니다.

보안 문제로 인해 일반적으로 프로덕션 코드에서는 eval() 및 new Function() 메서드를 사용하지 않는 것이 좋습니다. 대신, 함수를 미리 컴파일하거나 Babel과 같은 JavaScript 전처리기를 사용하여 코드를 더 안전하고 동등한 버전으로 변환하는 등의 다른 옵션을 고려해야 합니다.

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