new Function（）

原创 已于 2024-02-21 11:23:44 修改 · 256 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript #开发语言

于 2024-02-21 11:12:21 首次发布
本文详细解释了JavaScript中的newFunction构造函数，强调了函数体作为字符串数据格式，以及如何传递参数。通过实例展示了如何创建并调用一个简单的函数。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

语法

let func = new Function ([arg1, arg2, …argN], functionBody);

最后一个参数必须是函数体，其余参数作为传递给函数体的参数

例如：

let sum = new Function('a', 'b', 'return a + b');
console.log(sum(1, 2)); // the result is 3

函数体的数据格式是字符串

new Function()语法
weixin_30907935的博客
09-26 507
学习《ECMAScript6入门》中的模板字符串的案例中看见了new Function()创建函数的语法： let str = 'return ' + '`Hello ${name}!`'; let func = new Function('name', str); func('Jack') // "Hello Jack!" 上面的代码传入name参数和字符串函数体，字符...
function, new function, new Function之间的区别
10-31
### JavaScript中的function, new function, new Function之间的区别 在JavaScript编程语言中，函数是一等公民，这意味着函数不仅可以作为值被赋给变量、作为参数传递给其他函数，甚至还可以被当作返回值从函数中...
详解new function(){}和function(){}() 区别分析
12-09
情景一：var yx01 = new function() {return “圆心”}; alert(yx01); 我们运行情景一代码，将返回显示“[object object] ”，此时该代码等价于： function 匿名类(){     return “圆心”; } var yx01 = new 匿名类(); alert(yx01);我们对情景一的代码进行下面改造： var yx01 = new function() {return new String(“圆心”)}; alert(yx01); 我们运行，将会发现返回的是“圆心”，这是为什么呢？ 只要 new 表达式之后的 constr
new Function()
weixin_33991418的博客
03-14 413
原文链接: new Function() 原文日期: 2014年3月2日 翻译日期: 2014年3月14日 翻译人员: 铁锚 JavaScript的精神领袖Douglas Crockford曾说过JavaScript是程序员唯一不需要学习就能直接使用的语言. 在编程中确实是如此。我们大多数人都使用过JavaScript,近年来随着各种JavaScript框架的流行使得Java...
JaveScript 的 newFunction
宁静致远
01-01 1412
new Function() 是 JavaScript 中的一个构造函数，它可以实例化一个新的函数对象并返回。该函数对象可以使用传递给 new Function() 的字符串参数作为函数体，并使用其他传递给它的参数作为函数参数，从而动态创建一个可执行的函数。
javascript 中function(){}(),new function(),new Function(),Function
wangchaohpu的博客
03-28 1030
转自：https://www.cnblogs.com/pizitai/p/6427433.html
你可能不知道的JavaScript的new Function()方法
12-09
`new Function()` 是JavaScript中的一个不太常见的构造函数，它允许我们动态地创建函数。这个方法在某些特定场景下非常有用，尽管在日常编程中不常用，因为它与传统的函数声明和匿名函数表达式相比，可能存在一些...
邪恶的eval和new Function使用介绍
09-05
eval 和 new Function 的邪恶使用介绍 Eval 和 new Function 是 JavaScript 中两个强大的函数，但是它们也可以被恶意使用，导致潜在的安全风险。在这篇文章中，我们将探讨 Eval 和 new Function 的邪恶使用介绍，...
ES6中new Function()语法及应用实例分析
10-15
在JavaScript的ES6标准中，`new Function()`是一个不太常见的构造函数，用于动态创建函数。它的工作原理是接受一个或多个参数，这些参数分别代表函数的参数名，然后是一个字符串，这个字符串包含了函数的实现代码。...
new function()理解
Dream_Lee的博客
09-06 5272
好久没更新啦~ 一、背景 朋友给我发了一个题，我的答案和正确答案刚好相反。惊！ 正确答案是：false和true 接下来我讲一下我对这道题所涉及的知识点的理解 说明： 只要 new 表达式之后的 constructor 返回（return）一个引用对象（数组，对象，函数等），都将覆盖new创建的匿名对象。 如果返回（return）一个原始类型（无 return 时其实为 return 原始类型...
new function() 使用
BigOrange的博客
10-24 748
var zwk = function(){ var def = { name:'k', setName:function(name){ this.name = name; return this; }, getName:fun
JavaScript 中 new Function() 和 new function() 的区别
withkai44的博客
09-11 580
例如，当我们需要将模板动态编译为函数时，我们可以使用它，据我所知，这就是 vue.js 所做的。除此之外，如果我们需要从服务器接收代码字符串来动态创建函数，也可以使用它。实际上，每个 javascript 函数都是一个 function 对象，换句话说，(function () {}).constructor === function returns true。这是因为new function总是在全局范围内创建函数。而 new function() 的目的是创建一个新对象并应用匿名函数作为构造函数。
js的new Function()常用方法
m0_60459392的博客
08-04 7954
我们甚至不需要显式地传参数给这个函数。我们使用apply方法来调用它。它会自动设定函数执行的上下文。这就是为什么我们能在函数里面使用this.arg。这里this指向data对象。来源网络 作者：星球小霸王。...
new Function()的使用
m0_54944506的博客
06-22 3008
new Function() 前面的是函数的参数，更确切的说，是各参数的名称，而函数体在最后,类型是字符串，所有的参数也是字符串形式 例子 let a = new Function(‘a’,‘b’,‘return a + b’); alert(a(1,2)); //3 如果新建的Function没有参数，那么它只有一个函数体参数 闭包 用new Function创建函数时，其[[environment]]不是引用当前的词法环境而是引用全局环境 function a(){ let b = ‘test’; l
js引用类型之Function类型-new Function()
qq_42025192的博客
06-25 708
引 用 类 型 定义：引用类型是一种数据结构，用于将数据和功能组织在一起，引用类型有时候也被称为对象定义 Function 类型 Function实例的创建 1. 函数声明 定义一个函数 function sum (num1, num2) { return num1 + num2; } 2. 函数表达式 声明一个函数 var sum = function(num...
深入解析JavaScript中new Function语法
爱蹦跶的全栈大A阿
01-16 3541
Function是JavaScript中非常重要的内置构造函数,可以用来动态创建函数。new Function语法就是其中一种函数创建方式。但是new Function也有一定的缺点需要注意。本文将带您深入解析new Function语法,了解其应用场景以及需要注意的问题。​new Function是动态创建函数的一种方式,但也有缺点。为了更好的代码质量和性能,应该慎用或避免使用。对JavaScript函数和作用域有深入理解,可以编写出更简洁、高效、稳定的代码。​。
es6中new Function()的用法详解以及minifier压缩代码原理
前端361
05-22 1643
基本语法： let fn = new Function(...arg, content); arg是行数fn的参数 content是fn的内容体，即函数运行主体 实例： let str = 'return ' + '`Hello ${name}!`'; let func = new Function('name', str); func('Jack') // "Hello Jack!" ...
Js基础知识4-函数的三种创建、四种调用（及关于new function()的解释）
weixin_30692143的博客
09-08 275
在js中，函数本身属于对象的一种，因此可以定义、赋值，作为对象的属性或者成为其他函数的参数。函数名只是函数这个对象类的引用。 函数定义 1 // 函数的三种创建方法(定义方式) 2 function one(){ // 函数声明语句，不属于任何对象，始终默认为全局对象 3 console.log("第一个...
js new Function()/Function构造函数的注意事项
baidu_39305094的博客
07-28 1244
Function构造函数接收任意数量的参数，但最后一个参数始终都被看成是函数体，而前面的参数则枚举出了新函数的参数; 用法:var functionName = new Function(['arg1' [,'arg2' [...,'argn']]],'statement;'); var f = new Function("x","y","return x+y"); //Function()构...
new Function
最新发布
04-02
### JavaScript 中 `new Function` 的用法 在 JavaScript 中，`Function` 构造器可以用来动态创建函数。通过传递字符串形式的参数列表以及函数体来定义新的函数实例。这种方式虽然灵活，但在性能和安全性方面存在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值