Are eval() and new Function() the same thing?

by

No, they are not the same.

  • eval() evaluates a string as a JavaScript expression within the current execution scope and can access local variables.
  • new Function() parses the JavaScript code stored in a string into a function object, which can then be called. It cannot access local variables because the code runs in a separate scope.

Consider this code:

function test1() {
    var a = 11;
    eval('(a = 22)');
    alert(a);            // alerts 22
}

If new Function('return (a = 22);')() were used, the local variable a would retain its value. Nevertheless, some JavaScript programmers such as Douglas Crockford believe that neither should be used unless absolutely necessary, and evaling/using the Function constructor on untrusted data is insecure and unwise.

More Related Contents:

  1. Why most JavaScript native functions are slower than their naive implementations?
  2. What is wrong with this function
  3. What is the use of the JavaScript ‘bind’ method?
  4. Executing elements inserted with .innerHTML
  5. How can I call PHP functions by JavaScript?
  6. jQuery’s .click – pass parameters to user function
  7. Call Python function from JavaScript code
  8. How does Asynchronous Javascript Execution happen? and when not to use return statement?
  9. Calling a JavaScript function named in a variable [duplicate]
  10. Why does JavaScript’s eval need parentheses to eval JSON data?
  11. How to define custom sort function in javascript?
  12. Higher-order functions in Javascript
  13. Calling a javascript function recursively
  14. How to make chainable function in JavaScript?
  15. Specify scope for eval() in JavaScript?
  16. Access variable outside function scope [duplicate]
  17. Is there a JavaScript function that reduces a fraction
  18. Javascript Performance: While vs For Loops
  19. What happens if I call a function with more arguments than it is defined to accept?
  20. The reason to use JS .call() method?
  21. Javascript (jQuery) performance measurement and best practices (not load time)
  22. Can you create functions with custom prototypes in JavaScript?
  23. Use JavaScript variable as function name?
  24. How to Call a Function inside a Render in React/Jsx
  25. Passing parameters to a JQuery function
  26. jQuery asynchronous function call, no AJAX request
  27. Alternative to eval() javascript [duplicate]
  28. requestAnimationFrame garbage collection
  29. Exploiting JavaScript’s eval() method
  30. What is the difference between onClick=”javascript: function(‘value’)'” and onClick=”function(‘value’);”? [duplicate]

Leave a Comment