原题:以下代码在浏览器环境和node环境中分别输出什么?
var a = 1, b = 2; function test() { var b = 3; return new Function('c ', 'console.log(a + b + c)'); } var t = test(); t(4);
先来补充一下函数相关知识点:
const test = new Function('a', 'b', 'c', 'console.log(a + b + c)') test(1,2,3) //=> 6 const test = new Function('a,b,c', 'console.log(a + b + c)') test(1,2,3) //=> 6
Function构造函数的参数中,'a', 'b', 'c'或者'a, b ,c'实例化之后都会成为三个形参a, b, c,后面的打印语句都会成为函数体。
浏览器中:
用Function构造器创建的函数,不形成闭包,只能访问自己作用域和全局作用域
node中:
var a = 1, b = 2; a,b是当前模块内的本地作用域,并不是全局作用域,node的全局作用域是global,用Function构造器创建的函数,只能访问自己的作用域和全局作用域,node中的全局作用域,并不是当前模块,所以取不到a、b
因此,最终的结果是:
浏览器 => 7
node => error: 'a is not defined'
脚踏实地行,海阔天空飞