Javascript에서 eval 함수 사용

JavaScript에는 프로그래밍을 더 쉽게 만드는 많은 작은 트릭이 있습니다. 그 중 하나는 문자열을 JavaScript 표현식으로 처리하고 실행하는 eval() 함수입니다. 다음은

해당 기능에 대한 설명입니다. 먼저 Javascript 코드를 해석한 후 실행합니다.
codeString은 eval 이후 Javascript 엔진을 사용하여 컴파일된 Javascript 문을 포함하는 문자열입니다.

간단한 예:

var the_unevaled_answer = "2 + 3";
var the_evaled_answer = eval("2 + 3");
Alert("평가되지 않은 답변은 " + the_unevaled_answer + "이고 평가된 답변은 " + the_evaled_answer입니다.)

이 평가 프로그램을 실행하면 JavaScript에서 문자열 "2 + 3"이 실제로 실행되는 것을 볼 수 있습니다. 따라서 the_evaled_answer의 값을 eval("2 + 3")으로 설정하면 JavaScript는 2와 3의 합을 이해하고 the_evaled_answer에 반환합니다.
이것은 다소 어리석은 것처럼 보일 수도 있지만 실제로는 매우 흥미로운 일을 할 수 있습니다. 예를 들어 eval을 사용하면 사용자 입력을 기반으로 직접 함수를 만들 수 있습니다. 이를 통해 프로그램은 시간이나 사용자 입력에 따라 자체적으로 변경될 수 있으며 추론을 적용하면 놀라운 결과를 얻을 수 있습니다.

실제로 eval은 거의 사용되지 않지만 누군가가 이를 사용하여 색인을 생성하기 어려운 객체를 얻는 것을 본 적이 있을 것입니다. DOM(문서 객체 모델)의 문제점 중 하나는 요청한 객체를 얻는 것이 때때로 어렵다는 것입니다. 예를 들어, 다음은 사용자에게 변환할 이미지를 묻는 함수입니다. 어떤 이미지를 변환하려면 다음 함수를 사용합니다.

함수 스왑원()
{
var the_image = 프롬프트("앵무새 또는 ​​치즈 변경","");
var the_image_object;

if (the_image == "앵무새")
{
the_image_object = window.document.parrot;
}
또 다른
{
the_image_object = window.document.cheese;
}

the_image_object.src = "ant.gif";
}

다음 이미지 태그와 함께:

<img src="/stuff3a/parrot.gif" name="parrot" />
<img src="/stuff3a/cheese.gif" name="치즈">

다음과 같은 몇 줄을 참고하세요.

the_image_object = window.document.parrot;

이미지 객체를 변수에 할당합니다. 조금 이상해 보이지만 문법적으로는 맞습니다. 하지만 2개가 아닌 100개의 이미지가 있으면 어떻게 될까요? 다음과 같이 될 수 있다면 if-then-else 문을 많이 작성해야 합니다.

함수 swapTwo()
{
var the_image = 프롬프트("앵무새 또는 ​​치즈 변경","");
window.document.the_image.src = "ant.gif";
}

안타깝게도 JavaScript는 예상한 대로 "치즈" 또는 "앵무새" 대신 the_image라는 이미지를 찾으므로 "the_image라는 개체에 대해 들어본 적이 없습니다."라는 오류 메시지가 표시됩니다.

다행히도 eval은 원하는 객체를 얻는 데 도움이 될 수 있습니다.

함수 simpleSwap()
{
var the_image = 프롬프트("앵무새 또는 ​​치즈 변경","");
var the_image_name = "window.document." + the_image;
var the_image_object = eval(the_image_name);
the_image_object.src = "ant.gif";
}

사용자가 프롬프트 상자에 "parrot"를 입력하면 두 번째 줄인 window.document.parrot에 문자열이 생성됩니다. 그런 다음 eval이 포함된 세 번째 줄은 "give me the object window.document.parrot"을 의미합니다. 원하는 이미지 개체. 이미지 객체를 얻은 후에는 src 속성을 ant.gif로 설정할 수 있습니다. 이는 실제로 매우 유용하며 사람들이 많이 사용합니다.