>웹 프론트엔드 >JS 튜토리얼 >Javascript_javascript 기술에서 Eval 함수 사용

Javascript_javascript 기술에서 Eval 함수 사용

WBOY
WBOY원래의
2016-05-16 18:31:261130검색

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

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

var the_unevaled_answer = " 2 3";
var the_evaled_answer = eval("2 3");
alert("평가되지 않은 답변은 " the_unevaled_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 = Prompt("change parrot or Cheese",""); 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 문을 많이 작성해야 합니다.

코드 복사 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); "개미.gif"
}


사용자가 프롬프트 상자에 "parrot"을 입력하면 두 번째 줄인 window.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"
}
}


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