参考以下文章学习:
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
