广告
返回顶部
首页 > 资讯 > 前端开发 > html >JavaScript如何使用Function()构造函数
  • 434
分享到

JavaScript如何使用Function()构造函数

javascriptfunction() 2022-10-19 20:10:01 434人浏览 安东尼
摘要

这篇文章主要介绍javascript如何使用Function()构造函数,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!Function()构造函数先看代码:var f&nb

这篇文章主要介绍javascript如何使用Function()构造函数,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

Function()构造函数

先看代码:

var f = new Function("x","y","return x+y"); //Function()构造函数
var f = function(x,y){return x+y}; //这两条代码是等价的

通过这个方法我们可以传入任意数量的字符串实参,而且最后一个实参所表示的文本是函数体,这个方法它是可以包含任意数量的JavaScript语句的,而且在使用的时候如果构造的函数不包含任何参数的话,我们只需要输入一个函数就可以了。这个方法和其他两个方法是不一样的,这个方法是允许JavaScript在运行的时候动态地创建翻译函数,而且我们每次在调用这个方法的时候函数都会进行解析函数体。所以在多次使用或者循环使用的话,效率是会受到影响的。相比之下循环中的嵌套函数和函数定义表达式就不会每次执行的时候进行重新编译。

对于这个构造函数还有一点是值得我们注意的,那就是它所创建的函数并不是使用词法作用域,都因为函数体代码在编译的时候总在顶层函数执行,代码如下所示:

var a = 3; //在顶层函数中声明变量a
function f(){
var a = 2; //在函数体内声明局部变量a
return new Function("return a*a;"); //无法捕获局部作用域
}
console.log(f()()); //控制台输出9而非4,说明构造函数的编译在顶层函数执行

那么对于这个问题我们可以在全局作用域中进行执行eval()。

以上是“JavaScript如何使用Function()构造函数”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网html频道!

--结束END--

本文标题: JavaScript如何使用Function()构造函数

本文链接: https://www.lsjlt.com/news/96965.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript如何使用Function()构造函数
    这篇文章主要介绍JavaScript如何使用Function()构造函数,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!Function()构造函数先看代码:var f&nb...
    99+
    2022-10-19
    javascript function()
  • JavaScript如何避免使用eval()和Function构造函数
    这篇文章主要为大家展示了“JavaScript如何避免使用eval()和Function构造函数”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScrip...
    99+
    2022-10-19
    javascript eval() function
  • Function()构造函数怎么用
    小编给大家分享一下Function()构造函数怎么用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!   Function()构造函数   函数同样可以通过内置的JavaScript函数...
    99+
    2022-10-19
    function()
  • JS的Function与构造函数怎么使用
    这篇文章主要讲解了“JS的Function与构造函数怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JS的Function与构造函数怎么使用”吧! 1.概述Function是...
    99+
    2023-06-21
  • 如何在javascript中使用构造函数继承
    本篇文章给大家分享的是有关如何在javascript中使用构造函数继承,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。1、说明使用父亲的结构函数来增强子类的实例,等于复制父亲的实...
    99+
    2023-06-15
  • 如何理解JavaScript中构造函数
    如何理解JavaScript中构造函数,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。JavaScript学习笔记...
    99+
    2022-10-19
    javascript
  • javascript构造函数怎么借用
    本篇内容主要讲解“javascript构造函数怎么借用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript构造函数怎么借用”吧!说明调用子类构造函数中的父类构造函数。采用apply...
    99+
    2023-06-20
  • C#中构造函数如何使用
    C#中构造函数如何使用,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。C#构造函数在使用方面及行为方面的一些特殊规则:如果开发人员没有为一个类提供构造函数,那么,...
    99+
    2023-06-17
  • C++类构造函数如何使用
    本篇文章给大家分享的是有关C++类构造函数如何使用,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。所谓C++类是定义同一类所有对象的变量和方法的蓝图或原型,C++类体内的成员是需...
    99+
    2023-06-17
  • PHP中构造函数如何使用
    这篇文章将为大家详细讲解有关PHP中构造函数如何使用,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。PHP经过长时间的发展,很多用户都很了解PHP了,这里我发表一下个人理解,和大家讨论讨论。大...
    99+
    2023-06-17
  • javascript new怎么调用构造函数
    本篇内容主要讲解“javascript new怎么调用构造函数”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript new怎么调用构造函数”吧!说明在内存中创建新对象。新对象内部的...
    99+
    2023-06-20
  • JavaScript如何使用构造函数的方式定义新数组
    这篇文章主要为大家展示了“JavaScript如何使用构造函数的方式定义新数组”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript如何使用构造函数...
    99+
    2022-10-19
    javascript
  • C#中如何使用结构体构造函数
    本篇文章给大家分享的是有关C#中如何使用结构体构造函数,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。///〈summary〉  ///启动服务端的参数结构&...
    99+
    2023-06-17
  • thinkphp中construct构造函数如何使用
    本篇文章为大家展示了thinkphp中construct构造函数如何使用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。thinkphp中的__construct是不...
    99+
    2022-10-19
    thinkphp construct
  • vue里面如何使用构造函数
    在vue中使用构造函数的方法:1.新建html项目,引入vue;2.使用new Vue()方法定义构造函数;3.使用模板语法调用构造函数;具体方法如下:首先,新建一个html项目,并在项目中引入vue;#通过文件方式引入<script...
    99+
    2022-10-20
    vue 构造函数
  • ADO.NET 中DataTable构造函数如何使用
    这篇文章给大家介绍ADO.NET 中DataTable构造函数如何使用,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。DataTable对象是内存中的一个数据表,主要由DataRow对象和DataColumn对象组成。D...
    99+
    2023-06-17
  • JavaScript如何创建对象的构造函数
    这篇文章给大家分享的是有关JavaScript如何创建对象的构造函数的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。创建对象的构造函数function Person(fi...
    99+
    2022-10-19
    javascript
  • C#如何构造函数
    本篇内容主要讲解“C#如何构造函数”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“C#如何构造函数”吧!CLR Via C#中构造函数是可以将类型实例初始化为有效状态的特殊方法。构造函数在元数据中...
    99+
    2023-06-17
  • C++构造函数与析构函数怎么使用
    这篇文章主要讲解了“C++构造函数与析构函数怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“C++构造函数与析构函数怎么使用”吧!对象的初始化和清理生活中我们买的电子产品都基本会有出厂...
    99+
    2023-07-02
  • C#中静态构造函数如何使用
    C#中静态构造函数如何使用,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。C#静态构造函数是一个新特性,其实好像很少用到。不过当我们想初始化一些静态变量的时候就需要用到它了。...
    99+
    2023-06-17
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作