javascript eval(func()) 사용법 example_javascript 기술

eval의 기능은 실제로 매우 간단합니다. JS 인터프리터에 문자열을 전달하면 Javascript 인터프리터가 해당 문자열을 Javascript 코드로 해석하여 실행합니다.

가장 간단한 예를 들어보세요.

코드 복사 코드는 다음과 같습니다. eval("alert(1 1)") script> 매우 간단합니다. into JS 코드가 실행되고 2가 팝업됩니다.

물론 위의 예시는 그저 장난감일 뿐, 현실에서 사용할 정도로 멍청한 사람은 없을 것입니다. eval 함수를 사용하는 가장 기본적인 방법은 DOM에 있다고 생각합니다. 예를 들어 div1, div2, div3이 있는 경우 document.getElementByID를 사용할 때 ID를 얻을 수 있는 방법이 없습니다. 그러한 프로그램을 연결하려면 eval을 사용하십시오. 예: 코드 복사 코드는 다음과 같습니다. for (var loop = 1; loop eval('document.getElementById("div" loop).innerHTML="123"'); } script> 가장 기본적인 사용법을 말씀드리자면, 아직까지 이 기능에 이런 기능만 있다면 너무 지루할 것 같습니다. 그럼 eval() 함수를 하나씩 살펴보겠습니다.

eval의 범위부터 시작하여 이 함수를 살펴보겠습니다. 코드 복사 코드는 다음과 같습니다. eval("var i=3") alert(i) script> 🎜> 코드는 매우 간단하며 결과가 팝업될 수 있습니다. 3. 다음으로, 이 코드를 비교하세요:

코드 복사 코드는 다음과 같습니다: var test = function () { eval("var i=3") alert(i) test() ; alert(i); script>

결과는 3이 먼저 나타난 다음 정의되지 않습니다. 그럼 설명하세요. eval() 함수에 의해 동적으로 실행되는 코드는 새 범위를 생성하지 않으며 해당 코드는 현재 범위에서 실행됩니다. 즉, eval() 함수는 현재 범위의 this, 인수 및 기타 개체를 사용할 수도 있습니다.

IE에서는 eval()과 매우 유사한 함수인 execScript()가 지원됩니다. 간단한 코드를 작성할 수 있습니다.

코드 복사 코드는 다음과 같습니다. var test = function () { execScript("var i=3"); alert(i); } test(); alert( i); script>

결과적으로 3이 2개가 나오는데, 이는 우선 eval과 유사하며 문자열을 해석할 수 있다는 점이기도 합니다. JS 코드로 변환하여 실행하지만 해당 범위는 현재 범위가 아니라 전역 범위입니다. 위의 코드를 Firefox와 Google Chrome에 넣고 시도해 보면 execScript의 코드가 Firefox에서 유효하지 않다는 것을 알게 되는데, 이는 또한 execScript 코드의 브라우저 호환성에 문제가 있음을 나타냅니다. 그러면 이 두 기능의 "장점", 즉 글로벌 브라우저 호환성을 어떻게 결합할 수 있는지에 대한 질문으로 이어집니다. 제가 직접 인터넷에서 검색해서 정리해 보면 이렇습니다.

코드 복사 코드는 다음과 같습니다. var StrongEval = function (code) { if (window.navigator.userAgent.indexOf("MSIE") >= 1) { execScript(코드); } if (window.navigator.userAgent.indexOf("Firefox") >= 1) { window.eval(code) } else { execScript(코드) } }; var Test = function () { StrongEval("var i=3") } 🎜> 테스트(); 경고(i) 스크립트> 이것은 FF 및 IE와 완벽하게 호환됩니다. 필수 코드는 FF에서 eval과 window.eval이 동일하지 않다는 것입니다.

또한 eval을 사용하여 몇 가지 이상한 트릭을 수행할 수도 있습니다.

일반적으로 다음과 같은 코드를 작성할 수 있습니다. 코드 복사 코드는 다음과 같습니다. var obj = function () { this.a = 1; this.b = 2 this.c = 5; () { this.c = this.a this.b; var o = new obj() o.fun(); (o.c ; var obj = { a: 1, b: 2, c: 5, fun: function () { this.c = this.a this.b ; } } 또는 다음: 코드 복사

코드는 다음과 같습니다:

var obj = function () { this.a = 1 this.b = 2; }; obj.prototype.fun = function () { this.c = this.a this.b } var o = new obj() o.fun; () ; alert(o.c); 아무튼 피곤하시죠? 그렇다면 적어도 감각적으로는 좀 더 편안할 수 있도록 전혀 다른 접근 방식을 취해보자. 코드 복사

코드는 다음과 같습니다.

var funtemp = function () { c = a b; } var obj = { a: 1, b: 2, c: 5 }; var fun; with (obj) { eval("fun = " funtemp) fun(); c); script> 너무 강렬해서 너무 좋아요. 보기에 편할지 말지는 논하지 않겠습니다. 그러한 상황에 대해 논의해 봅시다.

코드 복사

코드는 다음과 같습니다.

a simple 템플릿 메소드 패턴은 어떻습니까? 헤헤. 함수의 컨텍스트를 변경하기 위해 eval 및 with를 사용하여 이를 호출할 수도 있습니다.

하지만 Eval은 일반적인 상황에서는 거의 사용되지 않으므로 완전히 사용하지 않을 수 있습니다.