深入浅析JS Function()构造函数
js中function对象是一个令人着迷的东西，但由于他太过于灵活，常常令人迷惑.
先给大家看个代码片段。
var scope="global";
function constructFunction(){
var scope="local";
return new Function(" return scope");
}
constructFunction()();
function constructFunction2(){
var scope="local";
return function(){
return scope;
}
}
constructFunction2()();
看到这两个你的第一感觉是什么？都返回 "local"？？，如果是这样的话就需要好好看一下下面的讲解了。constructFunction2()了解闭包的就应该很容易的知道答案 是"local"，这里就不细讲了。下面我着重讲一下constructFunction()的情况。
这里用到了 Function()构造函数, Function()构造函数虽然不是很常用，但是了解一下还是很有必要的。
不管是通过函数定义语句还是函数直接量表达式，函数的定义都要使用 function()关键字。单函数还可以通过Function()构造函数来定义，比如：
var f=new Function("x","y","return x*y");
这一行的实际效果和下面的一行代码是等价的。
var f=function(x,y){x*y};
Function()构造函数可以传入任意数量的字符串实参，最后一个实参所表示的文本是函数体；它可以包含任意的Javascript 语句，每条语句之间用分号分割。传入构造函数的其他所有的实参字符串是指定函数的名字的字符串。如果定义的函数不包含任何参数，只需给构造函数简单地传入 一个字符串函数体即可。
关于Function()构造函数需要特别注意一下几点：
1.Function()构造函数允许JavaScript在运行时动态的创建并编译函数。
2.每次调用Function()构造函数都会解析函数体，并创建新的函数对象。如果是在一个循环或者多次调用的函数中执行这个构造函数，执行效率会受到影响。相比之下，循环中的嵌套函数和函数定义表达式则不会每次执行时都重新编译。
2.最后的一点，也是关于Function()构造函数非常重要的一点，就是它所创建的函数并不使用词法作用域，相反，函数体代码的编译总是会在顶层函数执行。看完这一点，上面的函数constructFunction()()；返回“global”应该很容易理解了吧？
以上所述是小编给大家介绍的JS Function()构造函数，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了chrome监听cookie变化与赋值问题,cookie监听与赋值操作需要manifest文件里声明权限问题，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-10-10
这篇文章主要介绍了微信小程序间使用navigator跳转传值问题,结合实例形式分析了微信小程序间使用navigator跳转传值过程中遇到的问题与解决方法,需要的朋友可以参考下2020-03-03
Promise作为面试必考题，Promise的手写也是面试官必问的问题，所以对于Promise我们一定要了解透彻。本文就为大家整理了手写Promise的示例代码，需要的可以参考一下2022-12-12
如果我们希望在页面引入图片。当我们基于webpack进行开发时，引入图片会遇到一些问题，这篇文章主要介绍了webpack之引入图片的实现及问题，非常具有实用价值，需要的朋友可以参考下2018-10-10
JavaScript是一种描述型脚本语言，它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行机制，或者简单地说，你不能掌握javascript的执行顺序，那你就犹如伯乐驾驭不了千里马2015-08-08
正则表达式是用于匹配字符串中字符组合的模式,下面这篇文章主要给大家介绍了一次JavaScript正则的诡异经历记录,文中通过实例介绍的非常详细,需要的朋友可以参考下2022-04-04
这篇文章主要介绍了JS 数组和对象的深拷贝操作,结合实例形式分析了JS 数组和对象的深拷贝基本原理与操作技巧,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了JS比较2个日期间隔的方法,需要的朋友可以参考下2014-04-04
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
javascript中比较运算符'=='与'==='可能大家用的比较多，但是大家对他的区别不是很清楚，接下来小编给大家介绍下js中三个等号和两个等号的区别(== 和 ===),感兴趣的朋友可以参考下2016-09-09
这篇文章主要给大家介绍了关于js中Generator函数的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Javascript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
最新评论