>웹 프론트엔드 >JS 튜토리얼 >Javascript_javascript 기술에서 Eval 함수를 사용하기 위한 지침

Javascript_javascript 기술에서 Eval 함수를 사용하기 위한 지침

WBOY
WBOY원래의
2016-05-16 18:59:58981검색

간단한 예:

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

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

이 평가 프로그램을 실행하면 문자열 "2 3"이 실제로 JavaScript에서 실행되는 것을 볼 수 있습니다.
따라서 the_evaled_answer의 값을 eval("2 3")으로 설정하면 JavaScript는 2와 3의 합을 이해하고 the_evaled_answer에 반환합니다.
조금 어리석은 것처럼 보일 수도 있지만 실제로는 매우 흥미로운 일을 할 수 있습니다. 예를 들어 eval을 사용하면 사용자 입력을 기반으로 직접 함수를 만들 수 있습니다.
이를 통해 프로그램은 시간이나 사용자 입력에 따라 자체적으로 변경될 수 있으며, 하나의 예에서 추론을 이끌어내면 놀라운 결과를 얻을 수 있습니다.
실제로 eval은 거의 사용되지 않지만, 누군가 eval을 사용하여 색인을 생성하기 어려운 객체를 얻는 것을 본 적이 있을 것입니다.
DOM(문서 객체 모델)의 문제점 중 하나는 요청한 객체를 얻는 것이 때때로 고통스럽다는 것입니다.
예를 들어 사용자에게 변환할 이미지를 묻는 함수는 다음과 같습니다. 어떤 이미지를 변환하려면 다음 함수를 사용할 수 있습니다.
function swapOne()
{
var the_image = 프롬프트("change 앵무새 또는 ​​치즈","");
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";
}
다음 이미지 태그와 함께:
[img src= "/stuff3a/parrot.gif" name="parrot"]
[img src="/stuff3a/cheese.gif" name="cheese"]
다음과 같은 몇 줄에 주의하세요.
the_image_object = window.document.parrot;
이미지 객체를 변수에 할당합니다. 조금 이상해 보이지만 문법적으로는 맞습니다.
하지만 이미지가 2개가 아닌 100개라면 어떻게 될까요? 다음과 같이 될 수 있다면 if-then-else 문을 많이 작성해야 합니다.
function swapTwo()
{
var the_image = Prompt("change parrot or Cheese"," " );
window.document.the_image.src = "ant.gif";
}
안타깝게도 JavaScript는 "image" 또는 "parrot" 대신 the_image를 찾습니다. > 오류 메시지가 표시됩니다: "the_image라는 개체에 대해 들어본 적이 없습니다."
다행히도 eval은 원하는 객체를 얻는 데 도움이 될 수 있습니다.
function simpleSwap()
{
var the_image = 프롬프트("앵무새 또는 ​​치즈 변경","")
var the_image_name = "window.document." the_image_object = eval(the_image_name);
the_image_object.src = "ant.gif";
}
사용자가 프롬프트 상자에 "parrot"을 입력하면 두 번째 줄에 문자열인 창이 생성됩니다. document.parrot. 그러면 eval이 포함된 세 번째
줄은 "window.document.parrot 개체 제공", 즉 원하는 이미지 개체를 의미합니다. 이미지 객체를 얻으면
src 속성을 ant.gif로 설정할 수 있습니다. 필요하지 않습니다. 실제로 매우 유용하며 사람들이 많이 사용합니다.
우리는 Javascript에서 Eval 함수를 자주 접합니다.
어떤 사람들은 이 함수를 사용하면 일부 문자열을 매우 강력한 함수로 바꿀 수 있습니다.
이 함수는 문자열 매개변수일 때 사용됩니다. 문자열이 표현식인 경우 eval은 표현식을 평가하고, 인수가 하나 이상의 JavaScript 문을 나타내는 경우 eval은 해당 문을 실행합니다. eval 함수를 사용하면 날짜를 형식(항상 문자열)에서 숫자 표현식이나 숫자로 변환할 수 있습니다.
==============================
평가 함수
함수: 자바스크립트 코드를 먼저 설명하고, 그런 다음 실행하세요
사용법: Eval(codeString)
codeString은 Javascript 문이 포함된 문자열로, eval 다음에 Javascript 엔진을 사용하여 컴파일됩니다.
참고:
예: eval(id "_icon.src="/imgs/collapse_up.gif'");
id는 이전에 설정된 매개변수이고 큰따옴표 안의 문자열은
참조입니다. 컴파일해야 하는 코드:




코드 복사
코드는 다음과 같습니다. function tophide( id ) //id는 메뉴를 나타냅니다 { if (top.topframeset.rows == "31,*")
{
top.topframeset.rows = "86,*"
eval(id "_icon.src="/imgs/collapse_up.gif'");
eval(id "_icon.alt='Collapse The Head'");
head.style.display = "block "
}
else
{
top.topframeset.rows = "31,*";
eval(id "_icon.src="/imgs/collapse_down.gif'");
eval(id "_icon.alt='Expand The Head'");
head.style.display = "none"
}
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.