6. Function

参考以下文章学习:
1. Function - MDN

Function 构造函数 创建一个新的 Function 实例对象。JavaScript 中的每个函数实际上都是一个Function 实例对象。这可以通过(function (){}).constructor === Function 返回 true 可以看出。Function 构造函数 创建仅在全局作用域内执行的函数。但是会遇到类似于 eval 的安全性和性能(但不太重要)问题。

/**
 *  语法:
 *    new Function([arg1[, arg2[, ...argN]],] functionBody)
 *
 *  参数:
 *    arg1, arg2, ...argN
 *      被函数使用的参数的名称必须是合法命名的。参数名称是一个有效的 JavaScript 标识符的字符串，
 *      或者一个用逗号分隔的有效字符串的列表。例如："x", "theValue" 或 "A, B"。
 *
 *    functionBody
 *      一个含有包括函数定义的 JavaScript 语句的字符串。
 *  ------------------------------------------------------------------------------
 *  描述:
 *    使用 Function 构造器生成的函数对象(Function 对象)是在函数创建时解析的,
 *    这比你使用函数声明或者函数表达式并在你的代码中调用更为低效, 因为使用后者创建
 *    的函数是跟其他代码一起解析的.
 *
 *    所有被传递到构造函数中的参数, 都将被视为将被创建的函数的参数.
 *    并且是相同的标识符名称和传递顺序.
 *
 *    以调用函数的方式调用 Function 构造函数(不是用 new 关键字), 跟以构造函数
 *    来调用是一样的.
 *
 *  ------------------------------------------------------------------------------
 *
 *  属性和方法:
 *    全局的函数对象(Function 对象) 没有自己的属性和方法, 但是它本身既是函数也是对象。
 *    所以他会通过原型链从 Function.prototype、Object.prototype 继承部分属性和方法。
 *
 *
 */

/*
  原型链:
  plus.__proto__ -> Function.prototype
  Function.prototype.__proto__ -> Object.prototype
  Object.prototype.__proto__ -> null

  参数 "a" 和 "b" 是参数的名字, 在函数体中被使用.
  与以下函数基本相同:
    var plus = function (a, b){
      return a + b;
    }
 */
var plus = new Function("a", "b", "return a + b");
console.log(plus(2, 6));
// expected output: 8

var minus = new Function("a, b", "return a - b");
console.log(minus(6, 2));
// expected output: 4

Function 构造函数与函数声明之间的区别

/**
 * 
 *    使用 Function 构造器生成的函数, 并不会在创建它们的上下文中创建闭包.
 *    它们总是在全局作用域中被创建, 当运行这些函数的时候, 它们只能访问自己
 *    的本地变量和全局变量, 不会访问 Function 构造器被调用生成的上下文的
 *    作用域. 这和使用带有函数表达式代码的 eval 不同.
 *
 */

var x = 10; // window.x = 10;

function createFunction1() {
  var x = 20;
  return new Function("return x;"); // this |x| refers global |x|
}


function createFunction2() {
  var x = 20;

  function f() {
    return x; // this |x| refers local |x| above
  }

  return f;
}

var f1 = createFunction1();
console.log(f1()); // 10

var f2 = createFunction2();
console.log(f2()); // 20