JS: Function Constructor

By Xah Lee. Date: . Last updated: .

Function constructor is the function object Function.

〔►see JS: Function Object

Function lets you define function from strings.

Syntax:

  1. new Function (…) → equivalent to Function (…)
  2. Function(param_name_1, param_name_2, param_name_3, …, body)

The param_name_1, param_name_2, param_name_3, …, body should be type string.

The advantage of using new Function() to define a function is that it lets you create function at run-time. Though, this is rarely needed.

// using constructor to define a function

// function with no parameter
var h1 = new Function ("return 3;");
console.log ( h1() );              // 3
// using constructor to define a function

// function with 1 parameter
var h2 = new Function("a", "return a;");
console.log(h2(4));             // 4
// using constructor to define a function

// function with 2 parameters
var h3 = new Function("a", "b", "return a + b;");
console.log(h3(3,4));           // 7

Using new Function() is similar to the use of eval(…), and you should be careful to not eval user generated input. Otherwise, it's a security risk.

Reference

ECMAScript 2015 §Fundamental Objects#sec-function-constructor

Function Topic

  1. JS: Define Function
  2. JS: Function Parameters
  3. JS: var/function Order
  4. JS: var Name Scope
  5. JS: Function Declaration vs Function Expression
  6. JS: Closure
  7. JS: Functional Programing
  8. JS: Function Call, Apply, Bind
  9. JS: Function Argument Default Value
  10. JS: Function Rest Parameters
  11. JS: Arrow Function

  1. JS: Function Object
  2. JS: Function.prototype
Like what you read? Buy JavaScript in Depth