HTML5教程

前端面试题之浏览器环境和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环境下的函数执行的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!