javascript_javascript 스킬의 eval 함수 활용 분석

이 글은 자바스크립트의 eval 함수 사용법을 예시를 통해 분석한 것입니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

eval()에는 매개변수가 하나만 있습니다. 전달된 매개변수가 문자열이 아닌 경우 이 매개변수가 직접 반환됩니다. 그렇지 않으면 문자열이 js 코드로 컴파일됩니다. 컴파일이 실패하면 구문 오류(SyntaxError) 예외가 발생합니다. 컴파일이 성공하면 코드가 실행되고 문자열의 마지막 표현식이나 명령문의 값이 반환됩니다. 마지막 표현식이나 명령문에 값이 없으면 정의되지 않은 값이 반환됩니다. 문자열에서 예외가 발생하면 예외는 eval()에 대한 호출을 전달합니다.

eval()에서 가장 중요한 점은 호출되는 변수 범위 환경을 사용한다는 것입니다. 즉, 변수의 값을 찾고 새로운 변수와 함수를 정의하는 작업이 코드와 완전히 동일합니다. 로컬 범위에서.

eval("var x = 100");
eval("var y = 11");
console.log(x * y); //x * y == 1100
eval("function foo(x){return Math.pow(x,x);}");
console.log(foo(5)); // 25

평가 문자열이 실행되는 컨텍스트는 함수가 호출되는 컨텍스트와 동일하므로 함수의 일부로 실행될 수 없습니다.

var foo = function(a){
  eval(a);
  };
foo("return;");

위 코드에서 eval(a)가 실행되는 컨텍스트는 전역이므로 전역 컨텍스트에서 return을 사용하면 구문 오류가 발생합니다. return not in function.

eval()에는 지역 변수를 수정하는 기능이 있는데, 이는 js 최적화 프로그램의 큰 문제입니다. js 인터프리터의 구현을 단순화하기 위해 ECMAScript3 표준에서는 어떤 인터프리터도 eval()에 별칭을 할당할 수 없도록 규정하고 있습니다. 별칭을 통해 eval() 함수를 호출하면 EvalError 예외가 발생합니다.
실제로 대부분의 구현은 이와 같지 않습니다. 별칭을 통해 호출되면 eval()은 해당 문자열을 최상위 전역 코드로 실행합니다. 코드를 실행하면 새로운 전역 변수와 전역 함수를 정의하거나 전역 변수에 값을 할당할 수 있지만, 기본 호출 함수에서는 지역 변수를 사용하거나 수정할 수 없으므로 함수 내 코드 최적화에는 영향을 미치지 않습니다.

ECMAScript5에서는 태도가 다릅니다. EvalError 예외를 발생시키는 것에 반대합니다. ECMAScript5에서는 eval() 함수가 정규화되지 않은 이름을 사용하여 직접 호출되는 경우 일반적으로 eval()이 직접 호출되는 경우 "direct eval(직접 eval)"이라고 하며 항상 해당 컨텍스트 범위 내에서 실행됩니다. 라고 불리는. 기타 간접 호출은 전역 개체를 컨텍스트 범위로 사용하며 지역 변수 및 함수를 읽고, 쓰고, 정의할 수 없습니다. (근데 실제로 방화범 테스트에서 전역 변수가 수정된 것을 발견했습니다 :( )

코드 세그먼트를 실행하기 위해 실제 평가가 필요한 시나리오는 거의 없습니다. 글로벌 평가는 로컬 평가보다 더 자주 사용될 수 있습니다.

IE9 이전의 초기 IE 버전은 별칭을 통해 eval()을 호출할 때 전역 평가가 아니었지만, IE에서는 전역 평가의 기능을 완성하기 위해 execScript()라는 전역 함수를 정의했습니다(싱글 코어 eval()은 약간 다르지만, execScript()는 항상 null을 반환합니다.

ECMAScript5 엄격 모드는 평가 함수 동작에 더 많은 제한을 적용합니다. "use strict" 지시문으로 시작하는 엄격 모드에서 eval 또는 eval을 사용하여 코드를 실행할 때 eval은 비공개 컨텍스트의 로컬 eval입니다. 또한 엄격 모드에서는 eval을 예약어로 나열하므로 eval()이 연산자와 더 비슷해집니다. eval() 함수는 별칭으로 재정의될 수 없으며 변수 이름, 함수 이름, 함수 매개변수 또는 예외 캡처 매개변수의 이름을 "eval"로 지정할 수 없습니다.

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.