javascript eval function_javascript 기술에 대한 심층적인 이해

(1) 자바스크립트의 eval 함수 사용법 소개
(2) 함수 내에서 전역 코드 실행 방법
► 먼저 eval 사용법부터 살펴보겠습니다. 내용은 비교적 간단하므로 건너뛰셔도 됩니다. 그것에 익숙합니다.
eval 함수는 매개변수 s를 받습니다. s가 문자열이 아닌 경우 s를 직접 반환합니다. 그렇지 않으면 s 문을 실행합니다. s 문의 실행 결과가 값이면 이 값을 반환하고, 그렇지 않으면 정의되지 않은 값을 반환합니다.
객체 선언 구문 "{}"은 값을 반환할 수 없다는 점에 유의하는 것이 중요합니다. 값을 반환하려면 간단한 예를 들면 다음과 같습니다.
var code1='"a " 2'; // 식
var code2='{a:2}'; //문장
alert(eval(code1)); //->'a2'
alert(eval(code2 )); // ->undefed
alert(eval('(' code2 ')')); //->[object Object]
보시다시피 객체 선언문의 경우에만 실행됩니다. 값을 반환할 수 없습니다. 일반적으로 사용되는 "{}" 객체 선언문을 반환하려면 해당 값을 반환하기 전에 괄호로 묶어 표현식으로 변환해야 합니다. 이는 Ajax 개발에 JSON을 사용하는 기본 원칙 중 하나이기도 합니다. 두 번째 경고 문은 정의되지 않음을 출력하고, 괄호를 추가한 후 세 번째 경고 문은 문이 나타내는 개체를 출력하는 것을 예제에서 명확하게 볼 수 있습니다.
►이제 이 글의 초점인 함수 내에서 전역 코드를 실행하는 방법에 대해 이야기해 보겠습니다. 이 문제를 설명하기 위해 예를 살펴보겠습니다.
var s='global'; //전역 변수 정의
function deco1(){
eval('var s="local"');
}
demo1();
alert(s); //->global
은 이해하기 쉽습니다: function deco1(){var s='local '; }, 이는 지역 변수 s를 정의합니다.
그러므로 최종 출력이 전역 변수라는 것은 놀라운 일이 아닙니다. 결국 모든 사람이 지역 변수와 전역 변수를 명확하게 구분할 수 있습니다.
자세히 경험해 보면 eval 함수의 특징을 알 수 있습니다. 이는 항상 호출되는 컨텍스트 변수 공간(패키지, 클로저라고도 함) 내에서 실행됩니다. 이는 변수 정의이든 마찬가지입니다. 또는 함수 정의이므로 다음과 같습니다. 코드는 정의되지 않은 함수 오류를 생성합니다.
var s='function test(){return 1;}' //함수 정의 문
function deco2(){
eval(s);
}
demo2();
alert(test()); //->error:test가 정의되지 않았습니다.
테스트 함수가 정의되어 있기 때문입니다. 로컬 공간에 있으며, 데모2 함수 내에서는 접근 가능합니다. 외부에서는 접근할 수 없습니다.
실제 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); // ->'local'
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 중 어느 것이 옳고 그른지 말하기는 어렵습니다. 모두가 해결책을 알고 있다는 것은 좋은 일입니다.