new Function()

最新推荐文章于 2024-09-11 23:11:00 发布
最新推荐文章于 2024-09-11 23:11:00 发布
阅读量413 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/lanzhi/p/6467030.html
本文介绍了JavaScript中的newFunction()函数的使用方法，并探讨了其适用场景。newFunction()允许通过字符串参数来定义函数体，这在某些特定环境下，如NodeJS和浏览器的全局环境中可能会非常有用。

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

原文链接: new Function()
原文日期: 2014年3月2日

翻译日期: 2014年3月14日

翻译人员: 铁锚


JavaScript的精神领袖Douglas Crockford曾说过JavaScript是程序员唯一不需要学习就能直接使用的语言.
在编程中确实是如此。我们大多数人都使用过JavaScript,近年来随着各种JavaScript框架的流行使得JavaScript变得更加神奇和容易。"Anonymous (匿名)函数?不知道那是什么但是看起来和自己所写的差不多。”
你可能并不知道可以传给 new Function() 一个字符串作为函数的body来构造一个 JavaScript函数。编程中并不经常用到,但有时候应该是很有用的.

The JavaScript
下面是 new Function 的基本用法: 
// 最后一个参数是函数的 body(函数体),类型为 string;
// 前面的参数都是 索要构造的函数的参数(名字)
var myFunction = new Function('users', 'salary', 'return users * salary');
非常简单,对吧?

问题是:什么时候适合使用这种方式,而不使用传统的函数声明 function myFnName() 和/或 匿名函数定义? Andrea Giammarchi 认为,最适合使用 这种函数定义方式的场景是在NodeJS和浏览器的全局环境中: 
(function(win) {


	// 在全局环境中执行某些操作


})(Function('return this')());
如果你曾经使用过 new Function模式,欢迎留言和讨论!

转载于:https://www.cnblogs.com/lanzhi/p/6467030.html

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()的使用
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
new Function（）
weixin_55538192的博客
02-21 257
最后一个参数必须是函数体，其余参数作为传递给函数体的参数。
你可能不知道的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()`是一个不太常见的构造函数，用于动态创建函数。它的工作原理是接受一个或多个参数，这些参数分别代表函数的参数名，然后是一个字符串，这个字符串包含了函数的实现代码。...
javascript 中function(){}(),new function(),new Function(),Function
wangchaohpu的博客
03-28 1030
转自：https://www.cnblogs.com/pizitai/p/6427433.html
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语法
爱蹦跶的全栈大A阿
01-16 3543
Function是JavaScript中非常重要的内置构造函数,可以用来动态创建函数。new Function语法就是其中一种函数创建方式。但是new Function也有一定的缺点需要注意。本文将带您深入解析new Function语法,了解其应用场景以及需要注意的问题。​new Function是动态创建函数的一种方式,但也有缺点。为了更好的代码质量和性能,应该慎用或避免使用。对JavaScript函数和作用域有深入理解,可以编写出更简洁、高效、稳定的代码。​。
JaveScript 的 newFunction
宁静致远
01-01 1413
new Function() 是 JavaScript 中的一个构造函数，它可以实例化一个新的函数对象并返回。该函数对象可以使用传递给 new Function() 的字符串参数作为函数体，并使用其他传递给它的参数作为函数参数，从而动态创建一个可执行的函数。
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("第一个...
new Function构建一个方法
海涛高软
03-02 237
<script> var wo = { laoJia: "fudian" } var str = "var a=6;var b=9;console.log(a+b);console.log(this.laoJia)"; console.log((new Function("name,age", str).bind(wo))("xuhuan", 32)) </script> 打印结果： FR:徐海涛（hunk Xu) ..
JavaScript 中 new Function() 和 new function() 的区别
withkai44的博客
09-11 580
例如，当我们需要将模板动态编译为函数时，我们可以使用它，据我所知，这就是 vue.js 所做的。除此之外，如果我们需要从服务器接收代码字符串来动态创建函数，也可以使用它。实际上，每个 javascript 函数都是一个 function 对象，换句话说，(function () {}).constructor === function returns true。这是因为new function总是在全局范围内创建函数。而 new function() 的目的是创建一个新对象并应用匿名函数作为构造函数。
Javascript的new Function()干了什么
weixin_34334744的博客
03-04 2121
js中的对象 js中的创建一个对象的方法很奇怪,比如我有一个Person的函数,创建一个person对象的方法竟然是new Person()函数。而其他oop语言都是用类来实例化,比如有个Person的类,再去new Person() js是new 一个函数。 内部干了什么 假如我有一个 Person 函数如下,我要实例化一个person对象,在js中就是new Person() function...
new Function
最新发布
04-02
### JavaScript 中 `new Function` 的用法 在 JavaScript 中，`Function` 构造器可以用来动态创建函数。通过传递字符串形式的参数列表以及函数体来定义新的函数实例。这种方式虽然灵活，但在性能和安全性方面存在一些局限性。 以下是关于 `new Function` 的基本语法及其特点： #### 基本语法 ```javascript const myFunction = new Function([arg1, arg2, ...argN], functionBody); ``` - 参数 `[arg1, arg2, ..., argN]` 是可选的，表示新函数接受的参数名称。 - 参数 `functionBody` 表示实际执行的代码逻辑，作为字符串传入。 例如： ```javascript const sum = new Function('a', 'b', 'return a + b;'); console.log(sum(2, 3)); // 输出: 5 ``` 这种写法相当于声明了一个匿名函数并返回其结果[^1]。 #### 动态生成 UUID 示例 如果需要利用 `new Function` 来实现更复杂的场景，比如生成唯一的 ID 或者其他计算密集型操作，则可以通过如下方式完成： ```javascript // 使用 Math.uuid 方法生成唯一标识符 require('../tools/uuid'); const generateUniqueId = new Function('length', 'radix', ` const chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""); let id = ""; for (let i = 0; i < length; ++i) { id += chars[Math.floor(Math.random() * radix)]; } return id; `); console.log(generateUniqueId(8, 16)); // 随机生成指定长度和基数的ID ``` 上述例子展示了如何借助 `new Function` 创建自定义功能模块，并结合外部工具库（如 uuid 工具）扩展应用范围[^3]。 #### 应用于银行业务模拟 考虑一个简单的银行账户管理系统案例，其中涉及到了存款、取款等功能需求。我们可以基于之前提到的知识点构建此类模型： ```javascript class BankAccount { constructor(balance = 0, limit = -100) { this.balance = balance; this.limit = limit; this.accountId = new Function('', 'return Math.uuid();')(); } deposit(amount) { if (amount > 0){ this.balance += amount; console.log(`Deposited ${amount}. New Balance:${this.balance}`); }else{ throw Error("Deposit must be positive"); } } withdraw(amount){ if ((this.balance - amount)>=this.limit && amount>0 ){ this.balance -= amount; console.log(`Withdrew ${amount}. Remaining Balance:${this.balance}`); }else{ throw Error("Insufficient funds or below allowed overdraft."); } } checkBalance(){ return this.balance; } } const account = new BankAccount(500,-200); account.deposit(100); try{account.withdraw(700);}catch(e){console.error(e.message)}; console.log(account.checkBalance()); ``` 这里我们还引入了 `Math.uuid()` 函数来自动生成每个用户的独立账号编号[^4]。 ### 注意事项 尽管 `new Function` 提供了一种强大的机制去处理那些无法预知结构的数据或者行为模式，但由于它依赖于解析字符串中的代码片段，在运行时可能会带来安全隐患同时也会影响程序效率。因此建议仅当确实必要时才采用这种方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值