javascript_javascript 기술의 eval 함수에 대한 심층적인 이해

1) JavaScript의 eval 함수 사용법 소개
(2) 함수 내에서 전역 코드 실행 방법

► 먼저 eval 사용법에 대해 이야기해 보겠습니다. 내용은 비교적 간단하므로 생략해도 됩니다. 당신이 그것에 익숙하다면.
eval 함수는 매개변수 s를 받습니다. s가 문자열이 아닌 경우 s를 직접 반환합니다. 그렇지 않으면 s 문을 실행합니다. s 문의 실행 결과가 값이면 이 값을 반환하고, 그렇지 않으면 정의되지 않은 값을 반환합니다.
객체 선언 구문 "{}"은 값을 반환할 수 없다는 점에 유의해야 합니다. 간단한 예는 다음과 같습니다.

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

var code1='"a" 2' //Expression
var code2='{a:2}' ; //문
alert(eval(code1)) //->'a2'
alert(eval(code2)); 🎜>alert(eval('(' code2 ')')); //->[object Object]

보시다시피 객체 선언문의 경우 실행만 가능하며, 값을 반환합니다. 일반적으로 사용되는 "{}" 객체 선언문을 반환하려면 해당 값을 반환하기 전에 괄호로 묶어 표현식으로 변환해야 합니다. 이는 Ajax 개발에 JSON을 사용하는 기본 원칙 중 하나이기도 합니다. 두 번째 경고 문은 정의되지 않음을 출력하고, 괄호를 추가한 후 세 번째 경고 문은 문이 나타내는 개체를 출력하는 것을 예제에서 명확하게 볼 수 있습니다.
►이제 이 글의 초점인 함수 내에서 전역 코드를 실행하는 방법에 대해 이야기해 보겠습니다. 이 문제를 설명하기 위해 예를 살펴보겠습니다.

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

var s ='global'; //전역 변수 정의
function deco1(){
eval('var s="local"')
}
demo1(); 🎜>alert(s); //->global


이해하기 쉽습니다. 위의 데모1 함수는 function deco1(){var s='local';}과 동일합니다. 지역 변수 s를 정의합니다.

그러므로 최종 출력이 전역 변수라는 것은 놀라운 일이 아닙니다. 결국 모든 사람이 지역 변수와 전역 변수를 명확하게 구분할 수 있습니다.
자세히 경험해 보면 eval 함수의 특징을 알 수 있습니다. 이는 항상 호출되는 컨텍스트 변수 공간(패키지, 클로저라고도 함) 내에서 실행됩니다. 이는 변수 정의이든 마찬가지입니다. 또는 함수 정의를 사용하면 다음과 같습니다. 코드는 정의되지 않은 함수 오류를 생성합니다.

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

var s= 'function test(){return 1;}'; //함수 정의문

function deco2(){
eval(s);
demo2();
alert( test()); //->error: 테스트가 정의되지 않았습니다


테스트 함수가 로컬 공간에 정의되어 있고 Demo2 함수 내에서는 액세스할 수 있지만 외부에서는 액세스할 수 없습니다.

실제 Ajax 개발에서는 한 번에 너무 많은 코드를 로드하는 문제를 완화하기 위해 실행을 위해 서버에서 동적으로 코드를 얻어야 하거나 일부 코드가 Javascript 자체에서 생성되는 경우가 있는데 eval을 사용하기를 희망합니다. 실행하는 함수입니다.
그러나 이러한 동적 코드 획득은 일반적으로 함수 내에서 수행됩니다. 예:

코드 복사 코드는 다음과 같습니다. function loadCode(){

var code=getCode();

eval(code)
}


eval은 전역 공간에 있을 수 없습니다. 내부 실행으로 인해 개발에 많은 문제가 발생했고 이로 인해 좌절하는 사람들을 많이 보았습니다.
그런데 드디어 해결책을 찾았네요 ㅎㅎ IE와 Firefox를 동시에 사용할 수 있는 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. var X2={} //my 네임스페이스:)

X2.Eval=function(code){

if (!!(window.attachEvent && !window.opera)){
//ie
execScript(code)
}else{
//즉,
window.eval(code) );
}
}


이제 함수 내에서 전역 코드를 정의하려면 X2.Eval(code) 메서드를 호출하면 됩니다.

코드 복사 코드는 다음과 같습니다. var s='global'; >function deco3(){

X2.Eval('var s=" local"')

}
demo3()
alert(s);


demo3 함수에서 전역 변수 s="local"이 재정의된 것을 볼 수 있습니다.
X2.Eval은 값을 반환하지 않는다는 점에 유의해야 합니다. 표현식을 평가하려면 시스템의 평가 기능을 사용해야 합니다. X2.Eval은 전역 코드 정의에만 사용되도록 설계되었습니다.
사실 이걸 보고 어떤 분들은 문제 해결이 너무 쉽다고 느끼실 수도 있겠네요, 하하. 하지만 이 방법을 찾으려면 약간의 운과 기술이 필요합니다.
(1) IE 브라우저의 경우 이미 다음에서 제공하고 있습니다. 기본 기능: execScript, 전역 공간에서 코드를 실행하는 데 사용되지만 이에 대해 아는 사람은 많지 않습니다.
(2) Firefox 브라우저의 경우 eval 함수를 직접 호출하면 호출자 공간에서 실행되고, window.eval을 호출하면 전역 공간에서 실행됩니다. 아마 이 사실을 아는 사람은 더 적을 것이다. 결국 Alert(eval==window.eval)은 true를 반환합니다!
Firefox의 eval 함수의 특징은 참으로 이상하지만 그 소스는 JavaScript 사양에서도 찾을 수 있습니다.
eval 속성의 값이 직접 호출이 아닌 다른 방식으로 사용되는 경우(즉, CallExpression의 MemberExpression인 식별자로
이름을 명시적으로 사용하거나 eval 속성이 할당된 경우
EvalError 예외가 발생할 수 있습니다
즉, eval 함수의 실행은 호출자와 관련이 있지만 실행 컨텍스트에는 문제가 없습니다. 따라서 IE와 Firefox 중 어느 것이 옳고 그른지 말하기는 어렵습니다. 모두가 해결책을 알고 있다는 것은 좋은 일입니다.