js new Function()/Function构造函数的注意事项

Function构造函数接收任意数量的参数，但最后一个参数始终都被看成是函数体，而前面的参数则枚举出了新函数的参数;

用法:var functionName = new Function(['arg1' [,'arg2' [...,'argn']]],'statement;');

var f = new Function("x","y","return x+y"); //Function()构造函数

var f = function(x,y){return x+y}; //这两条代码是等价的

 

1.Function()构造函数允许JavaScript在运行时动态的创建并编译函数。

　　2.每次调用Function()构造函数都会解析函数体，并创建新的函数对象。如果是在一个循环或者多次调用的函数中执行这个构造函数，执行效率会受到影响。相比之下，循环中的嵌套函数和函数定义表达式则不会每次执行时都重新编译。(编译两次:第一次解析常规javascript代码;第二次解析传入构造函数中的字符串.)

　　3.最后的一点，也是关于Function()构造函数非常重要的一点，就是它所创建的函数并不使用词法作用域，相反，函数体代码的编译总是会在顶层函数执行.

案例1:

var a = 1;

var fn = function () {
      var a = 2;

     var f = new Function('console.log(a * a)');

     return f;
};
console.log(fn()());//4

案例2:

var fn = function () {
      var a = 2;

     var f = new Function('console.log(a * a)');

     return f;
};
console.log(fn()());//ReferenceError: a is not defined

 

 

注意:

1.Function构造函数无法指定函数名称，它创建的是一个匿名函数.

2.Function构造函数和自己写的构造函数式不一样的;

var f = new Function();

console.log(f);//ƒ anonymous() {}

function F() {}

var f = new F();

console.log(f);//F {}

3.表达式函数和构造函数的优先级大于申明函数

var f = function () {};/var f = new Function();

function f() {}

console.log(f);//ƒ () {}/ƒ anonymous() {}

4.构造函数没有argments

5.构造函数可以改变顶层变量的值

var a = 1;

 

var f = function () {

var a = 2;

return function f2() {

var a = 3;

return new Function('a = 2', 'console.log(a * a)');

}

};

console.log(f()()());//4

6.函数申明可以变量提升,而表达式和构造函数没有;

console.log(f);//ƒ f() {}

var f = function () {};

var f = Function();

function f() {}