프로그래머스를 풀던 와중 문자열로된 식을 계산하는 문제가 있었다.

아래 문제와 같이 eval()함수를 사용하여 풀었는데,

const binomial = "40000 * 40000";

function solution(binomial) {
  return eval(binomial);
}

console.log(solution(binomial));

eval함수에 대해서 자세히 알아보려고 구글링을 하였는데,

사용하면 안된다는 글을 보아서 정리했다.

eval() is evil이라는 말인데, 정리해보려 한다.

정의

• 문자로 표현 된 JavaScript 코드를 실행하는 함수

eval(string)

• 매개변수
  • string : 자바스크립트 표현식, 명령문, 또는 연속되는 다수의 명령문을 나타내는 문자열. 표현식은 이미 존재하는 객체의 변수나 속성을 포함할 수 있음
• 반환값
  • 주어진 코드를 평가하여 얻은 값. 값이 없다면 undefined를 반환합니다.

기본 사용 예제

console.log(eval('2 + 2'));
// expected output: 4

console.log(eval(new String('2 + 2')));
// expected output: 2 + 2

console.log(eval('2 + 2') === eval('4'));
// expected output: true

console.log(eval('2 + 2') === eval(new String('2 + 2')));
// expected output: false

직접 호출 vs 간접 호출

• ES5부터는 eval을 직접 호출하지 않고 간접적으로 사용한다면, 지역 범위가 아니라 전역 범위로 동작

function test() {
  var x = 2, y = 4;
  console.log(eval('x + y')); //  직접 호출, 지역 범위 사용, 결과값은 6
  var geval = eval; // ---------- eval을 전역 범위로 호출하는 것과 같음
  console.log(geval('x + y')); // 간접 호출, 전역 범위 사용, `x`가 정의되지 않았으므로 ReferenceError 발생
  (0, eval)('x + y'); // -------- 다른 방식으로 간접 호출
}