js中new Function的用法

最新推荐文章于 2025-05-22 23:27:32 发布
原创 最新推荐文章于 2025-05-22 23:27:32 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文通过一个具体示例介绍了JavaScript中Function构造函数的独特用法。该用法类似于eval函数，可以执行字符串内的JavaScript代码并返回执行结果。示例展示了如何创建一个匿名函数并立即调用它来执行特定任务。

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

有一种用法比较特别：

var foo3 = new Function('var temp = 100; this.temp = 200; return temp + this.temp;');

alert(typeof(foo3));

alert(foo3());


输出：


function
300 

(new Function('...'))()将会执行引号中的内容，与eval效果差不多

new Function()语法
weixin_30907935的博客
09-26 508
学习《ECMAScript6入门》中的模板字符串的案例中看见了new Function()创建函数的语法： let str = 'return ' + '`Hello ${name}!`'; let func = new Function('name', str); func('Jack') // "Hello Jack!" 上面的代码传入name参数和字符串函数体，字符...
深入解析JavaScript中new Function语法
爱蹦跶的全栈大A阿
01-16 3556
Function是JavaScript中非常重要的内置构造函数,可以用来动态创建函数。new Function语法就是其中一种函数创建方式。但是new Function也有一定的缺点需要注意。本文将带您深入解析new Function语法,了解其应用场景以及需要注意的问题。​new Function是动态创建函数的一种方式,但也有缺点。为了更好的代码质量和性能,应该慎用或避免使用。对JavaScript函数和作用域有深入理解,可以编写出更简洁、高效、稳定的代码。​。
js的new Function()常用方法
m0_60459392的博客
08-04 7961
我们甚至不需要显式地传参数给这个函数。我们使用apply方法来调用它。它会自动设定函数执行的上下文。这就是为什么我们能在函数里面使用this.arg。这里this指向data对象。来源网络 作者：星球小霸王。...
【关于eval和new Function】
最新发布
qq_58355643的博客
05-22 941
在开发公式计算器项目时，作者探讨了使用eval和new Function两种动态执行代码的方法。eval能够执行传入的字符串代码，并返回最后一个表达式的值，但它会创建独立的作用域，可能导致局部变量被意外修改，且影响编译优化和增加内存开销。相比之下，new Function创建的函数仅在全局作用域中运行，安全性稍高且性能较好，但无法访问局部变量。作者建议在需要动态执行代码时，优先考虑new Function，以减少潜在的安全和性能问题。
广州蓝景分享—你需要深入了解一下JavaScript 的 new Functio
qq 2903359018博客
08-26 331
其中，JavaScript技术一直处于不断发展壮大中，如果你是前端开发人员或者JavaScript开发工程师，那么，今天广州蓝景小编跟大家分享一下这个知识点，你有必要认真了解一下，它就是“new Function”。与 new Function 语法类似的是新的RegExp，它可以使用字符串作为正则表达式的内容，特别适合动态匹配，或者增加代码混淆（一些混淆工具可以对字符串进行混淆）。new Function 的 body 参数中变量的上下文是全局的，不是私有的，没有所谓的闭包。...
js——new Function 一个可以随时动态执行字符串js代码的神器
朕的博客
09-18 4558
"new Function" 语法 语法 创建函数的语法： let func = new Function ([arg1, arg2, ...argN], functionBody); 该函数是通过使用参数 arg1…argN 和给定的 functionBody 创建的。 下面这个例子可以帮助你理解创建语法。这是一个带有两个参数的函数： let sum = new Function('a', 'b', 'return a + b'); alert( sum(1, 2) ); // 3 这里有一个没有参
new function的作用
qq_44989936的博客
07-18 308
首先function （）{ this. field //给对象添加字段 this.function //添加函数 } 这是一个普通函数，也是一个构造函数。 如果接下来是new function（） 那么就是构造函数，执行构造函数并创建了一个对象，
你可能不知道的JavaScript的new Function()方法
12-09
总的来说，`new Function()` 在JavaScript中是一个相对较旧且较少使用的特性，但在某些特定情况下，它仍然是解决问题的有效工具。然而，考虑到它的缺点，开发者通常会优先选择更常规的函数定义方式。在实际编程中，...
function, new function, new Function之间的区别
10-31
### JavaScript中的function, new function, new Function之间的区别 在JavaScript编程语言中，函数是一等公民，这意味着函数不仅可以作为值被赋给变量、作为参数传递给其他函数，甚至还可以被当作返回值从函数中...
javascript使用eval或者new Function进行语法检查
10-28
在没有专门的语法解析库的情况下，可以利用JavaScript自身提供的功能来进行简单的语法验证，如使用`eval()`或`new Function()`。 `eval()`方法是JavaScript中的一个函数，它能够将字符串作为JavaScript代码执行。在...
js中function()使用方法
10-26
下面我们将深入探讨这些使用方法。 首先，函数定义有三种主要形式： 1. 函数声明：`function func1(…){…}` 2. 函数表达式：`var func2 = function(…){…}` 3. 匿名函数表达式：`var func3 = function(…){…}` 4...
JavaScript new Function的使用教程
热门推荐
阿飞
10-05 1万+
JavaScript new Function 的使用 new Function， 可以往函数里动态的传递内容， 语法 let func = new Function ([arg1[, arg2[, ...argN]],] functionBody) arg1…是参数，可以有任意个，最后一个参数是函数体 这三个意思相同： new Function('a', 'b', 'return a + b'...
你需要深入了解一下 JavaScript 的 new Function
u010227042的博客
03-07 145
与 new Function 语法类似的是新的RegExp，它可以使用字符串作为正则表达式的内容，特别适合动态匹配，或者增加代码混淆（一些混淆工具可以对字符串进行混淆）。new Function 的 body 参数中变量的上下文是全局的，不是私有的，没有所谓的闭包。例如，下面新函数代码中的值与主函数中的值无关：​​​​​​​。
JavaScript--new function神奇过程
老专家的博客
12-05 499
new operator - JavaScript | MDN js中new 函数生成新对象的过程，new Person的过程 new function Person(){this.name ='person';console.log('in Person')} // 返回新生成的对象 function Person(){this.name ='person';console.log('in P...
js 函数的定义和调用方式 new Function
weixin_42448623的博客
06-22 852
// 1. 自定义函数 function fun(){} // 2. 函数表达式（匿名函数） var fun = function(){} // 利用 new Function('参数1', '参数2', '函数体'); // 参数必须时字符串格式 var f = new Function('a','b','console.log(a + b)') f(1,2) // 3 Function 文档 ...
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在引擎中的作用
海涛高软
12-20 179
var script = "var name=`${name}`; var age=`${age}`;alert(this.cun); function showName(){console.log(name)}" + " function showAge(){console.log(age)} " var fanhui = "{showName,showAge}"; let str = script + '\nreturn ' + fanhui + ';'; let k = { cun: "
JavaScript 中 new Function() 和 new function() 的区别
withkai44的博客
09-11 592
例如，当我们需要将模板动态编译为函数时，我们可以使用它，据我所知，这就是 vue.js 所做的。除此之外，如果我们需要从服务器接收代码字符串来动态创建函数，也可以使用它。实际上，每个 javascript 函数都是一个 function 对象，换句话说，(function () {}).constructor === function returns true。这是因为new function总是在全局范围内创建函数。而 new function() 的目的是创建一个新对象并应用匿名函数作为构造函数。
js 语法 new function与function
Ydc__的专栏
12-06 1123
By the Javascript spec, when a function is invoked with new, Javascript creates a new object, then sets the "constructor" property of that object to the function invoked, and finally assigns that objec
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值