Eval is Evil 😈

eval 은 내장함수. 인자로 받은 “문자형” 을 코드로서 실행할 수 있다.

let result = eval(code);

let code = 'alert("Hello")';
eval(code); // Hello

let value = eval('1+1');
alert(value); // 2

let value = eval('let i = 0; ++i');
alert(value); // 1

탄생 배경

과거에 js에서 사용할 수 있는 기능이 많지 않았기 때문에, eval을 사용해야지만 처리할 수 있는 것들이 많았다. 지금에서는 사용할 이유가 없다. 모던한 문법과 모듈을 사용해서 eval을 완전히 대체할 수 있다.

eval의 스코프?

eval은 결국 함수 당연하게도 외부 변수에 접근이 가능하다.

//
let a = 1;

function f() {
  let a = 2;

  eval('alert(a)'); // 2
}

f();

//변수값 수정하기
let x = 5;
eval("x = 10");
alert(x); // 10, 변경된 값

(엄격모드 한정 )eval은 또한 자체 렉시컬 환경을 가지기 때문에, eval 내부에 값에 접근할 수 있다.

//'use strict'가 적용되어있습니다.

eval("let x = 5; function f() {}");

alert(typeof x); // undefined (없는 변수)
f() //f 도 읽을 수 있다.

주의할 점

eval은 외부 변수에 접근 가능했다. 또한 외부에서도 내부로 접근이 가능하다. 이로 인한 주의사항이 존재한다.