eval을 대체하는 new Function() 질문입니다.

Question

서버에서 복수개의 함수명을 리턴 해주고 있습니다.예를 들어 리턴되는 문자열이 2개의 함수명으로써&#34;doClickInfo(); doTracking();&#34;이런 형식으로 리턴 해주고이를 자바스크립트에서 받은 후 문자열을실행시키는건 eval 함수인데 사용을 지양하고 있어서(new Function(&#34;doClickInfo(); doTracking();&#34;))();; 이런 식으로사용 중 입니다. 위와같은 new Function에 파라미터로문자열 형태의 함수명 2개를넘겨줬는데 자바스크립트는 어떻게 저 파라미터만 보고 함수 2개인것을판단하여 각각 실행시키는건가요? new Function()이 하는 일이 궁금하네요..단순이 즉시실행함수에 new Function을 실행시키면서 파라미터로함수명 2개를 세미콜론을 포함하여 넘겨줬는데..실행되는 원리가 궁금하네요

동동아빠 · Accepted Answer

그냥 콘솔로 찍어봐서는 익명함수 내에 파라미터로 받은 값을 실행하고 있네요.Function 자체 내용은 native code라 동작 원리까진 모르겠네요. function test1() {}; function test2() {}; var a &#61; new Function(&#34;test1(); test2();&#34;); console.log(&#34;a&#34;, a); 콘솔 결과 : a function anonymous() { test1(); test2(); } ---------------------------------------------------------------------------------------- /** * Object Function() * &#64;constructor * &#64;extends Object * &#64;since Standard ECMA-262 3rd. Edition * &#64;since Level 2 Document Object Model Core Definition. */ function Function(){}; Function.prototype &#61; new Object(); /** * function apply (thisObject, argArray) * &#64;param {Object} thisObject * &#64;param {Array} argArray * &#64;returns {Object} * &#64;since Standard ECMA-262 3rd. Edition * &#64;since Level 2 Document Object Model Core Definition. */ Function.prototype.apply &#61; function(thisArg, argArray){return new Object();}; /** * function call (thisObject, args) * &#64;param {Object} thisObject * &#64;param {Object} args * &#64;returns {Object} * &#64;since Standard ECMA-262 3rd. Edition * &#64;since Level 2 Document Object Model Core Definition. */ Function.prototype.call &#61; function(thisObject, args){return new Object();}; /** * property length * &#64;type Number * &#64;since Standard ECMA-262 3rd. Edition * &#64;since Level 2 Document Object Model Core Definition. */ Function.prototype.length &#61; 0;

NG · Answer

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Function Function 객체가 원래 그렇게 돌아가게 만들어져있습니다.new Function(값1, 값2, ..., 함수본문); // 여기서 값1, 값2 등은 생략 가능이렇게 선언하면function(값1, 값2, ...) {함수본문}이렇게 처리합니다. 즉 new Function(&#34;doClickInfo(); doTracking();&#34;)이건function() {doClickInfo(); doTracking(); }이렇게 선언한 것과 같습니다.

iFun · Answer

못된것 , NG 답변 감사합니다

eval을 대체하는 new Function() 질문입니다.

3개의 답변

Q&A 목록