Javascript_javascript 스킬의 eval 함수에 대한 자세한 사용법 및 설명

JavaScript에는 프로그래밍을 더 쉽게 만드는 많은 작은 트릭이 있습니다. 그 중 하나는 문자열을 JavaScript 표현식으로 처리하고 실행하는 eval() 함수입니다. 설명은 다음과 같습니다.
Eval 함수
함수: Javascript 코드를 먼저 해석한 후 실행합니다.
사용법: Eval(codeString)
codeString은 Javascript 문이 포함된 문자열로, eval 다음에 사용됩니다. 자바스크립트 엔진.

작은 예:

var the_unevaled_answer = "2 3"; var the_evaled_answer = eval("2 3"); Alert("평가되지 않은 답변은 " the_unevaled_answer "이고 평가된 답변은 " the_evaled_answer 입니다);
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

이 평가 프로그램을 실행하면 문자열 "2 3"이 실제로 JavaScript에서 실행되는 것을 볼 수 있습니다. 따라서 the_evaled_answer의 값을 eval("2 3")로 설정하면 JavaScript는 2와 3의 합을 이해하고 the_evaled_answer에 반환합니다.
조금 어리석은 것처럼 보일 수도 있지만 실제로는 매우 흥미로운 일을 할 수 있습니다. 예를 들어 eval을 사용하면 사용자 입력을 기반으로 직접 함수를 만들 수 있습니다. 이를 통해 프로그램은 시간이나 사용자 입력에 따라 자체적으로 변경될 수 있으며 추론을 적용하면 놀라운 결과를 얻을 수 있습니다.
실제로 eval은 거의 사용되지 않지만, 누군가 eval을 사용하여 색인을 생성하기 어려운 객체를 얻는 것을 본 적이 있을 것입니다. DOM(문서 객체 모델)의 문제점 중 하나는 요청한 객체를 얻는 것이 때때로 어렵다는 것입니다. 예를 들어, 다음은 사용자에게 어떤 이미지를 변환할지 묻는 기능입니다. 어떤 이미지를 변환하려면 다음 기능을 사용할 수 있습니다:

코드 복사 코드는 다음과 같습니다.

function swapOne()
{
var the_image = 프롬프트("앵무새 또는 ​​치즈 변경",""); > var the_image_object;
if (the_image == "parrot")
{
the_image_object = window.document.parrot;
}
else
{
the_image_object = window. document.cheese;
}
the_image_object.src = "ant.gif"
}

다음 이미지 태그와 함께:




다음과 같은 몇 줄:

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

코드 복사 Code As 다음:

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

안타깝게도 JavaScript는 예상대로 "cheese" 또는 "parrot" 대신 the_image라는 이미지를 검색하므로 다음과 같은 오류 메시지가 표시됩니다. the_image"라는 개체의.
다행히도 eval은 원하는 객체를 얻는 데 도움이 될 수 있습니다.

코드 복사 코드는 다음과 같습니다.

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


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