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

本文主要是介绍前端面试题之浏览器环境和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中：

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

因此，最终的结果是：

浏览器 => 7

node => error: 'a is not defined'

脚踏实地行，海阔天空飞

这篇关于前端面试题之浏览器环境和node环境下的函数执行的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！