一般都认为,以function关键字定义的函数和以new Function定义的函数是等价的,然而在下面的自执行函数里,却不是等价的,这是为什么?背后的原理什么?具体请看代码及相关注释:
(function () {
var local = 1;
console.log(typeof local); //number
Function("console.log(typeof local);")(); //undefined
}());
(function () {
var local = 1;
console.log(typeof local); //number
new Function("console.log(typeof local);")(); //undefined
}());
(function () {
var local = 1;
console.log(typeof local); //number
var fn1 = new Function("console.log(typeof local);");
fn1(); //undefined
}());
(function () {
var local = 1;
console.log(typeof local); //number
function fn2(){console.log(typeof local);};
fn2(); //number
}());
(function () {
var local = 1;
console.log(typeof local); //number
var fn3 = function(){console.log(typeof local);};
fn3(); //number
}());
(function () {
var local = 1;
console.log(typeof local); //number
var fn4 = function func(){console.log(typeof local);};
fn4(); //number
}());
哪位JavaScript大侠能解释下new Function背后的原理机制吗?为什么与function关键字定义出来的函数不同吗?
Function
构造的函数具有全局作用域,无法在当前作用域下形成闭包。
通过使用Function
定义的对象,无法共享函数作用域链(即local
变量所在作用域),也就是说,它不支持闭包。