前端面试题之浏览器环境和node环境下的函数执行

原题:以下代码在浏览器环境和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环境下的函数执行

 

 前端面试题之浏览器环境和node环境下的函数执行

 

 node中:

var a = 1, b = 2; a,b是当前模块内的本地作用域,并不是全局作用域,node的全局作用域是global,用Function构造器创建的函数,只能访问自己的作用域和全局作用域,node中的全局作用域,并不是当前模块,所以取不到a、b

 

因此,最终的结果是:

浏览器 => 7

node => error: ‘a is not defined‘

 

脚踏实地行,海阔天空飞

前端面试题之浏览器环境和node环境下的函数执行

上一篇:42.出书最多


下一篇:去除windows下换行符^M