JS的new Function()

最新推荐文章于 2024-01-16 15:00:00 发布
最新推荐文章于 2024-01-16 15:00:00 发布
阅读量1.2w 收藏 2
点赞数 3
分类专栏： 在七杂八小知识 文章标签： js new Function()
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/piaoyinluo2316/article/details/84135918
版权 
function test(){
return "test";
}

以上普通的函数可以用new Function的写法(但是效率会慢) 

var tmpvar=new Function('return' + "test");

new Function（）的参数必须是字符串，其中参数可以多个，方法体也是参数。

如：

new Function(param1,param2,'return '+param1) ;

 

JavaScript中如何通过 new Function 创建 async 函数
码觉客的博客
08-14 1万+
我喜欢的一点是，有很多方法可以完成相同的任务，其中一个例子就是创建函数。您看到的最后使用的模式之一是。方法创建一个异步函数，该怎么办？模式，但这并不意味着您没有使用！现在，您可以将它们设置为异步！的用法非常巧妙，因为原生并没有。我不相信我曾经使用过。
深入理解new Function
我是一颗草，哪里荒凉往哪里长
10-21 2342
函数是通过使用参数 arg1…argN 和给定的 functionBody 创建。调用 Function 时可以使用或不使用 new，两者都会创建一个新的 Function 实例举例1: 带有两个参数的函数Function函数最后一个参数永远都是函数体,由于历史原因函数的参数部分支持以逗号分割的形式展示举例2: 一个没有参数的函数，自由函数体，没有参数的函数，在函数被调用的时候，等价于调用函数体里面的函数new Function 没有参数的时候，实际上返回的是一个匿名函数（就是你传入的函数体）
function,new function,new Function对比
weixin_30505225的博客
04-24 234
函数是JavaScript中很重要的一个语言元素，提供了一个function关键字和内置对象Function，下面是其可能的用法和它们之间的关系。 使用方法一： varfoo01=function()//orfun01=function() { vartemp=100; this.temp=200; returntemp+this.t...
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'...
JS中function, new function, new Function,Function
hongrj的专栏
03-29 405
函数是JavaScript中很重要的一个语言元素，并且提供了一个function 关键字和内置对象Function ，下面是其可能的用法和它们之间的关系。 使用方法一： var  foo01  =   function ()  // or fun01 = function () {       var  temp  =   100 ;    ...
js的new Function()常用方法
m0_60459392的博客
08-04 7916
我们甚至不需要显式地传参数给这个函数。我们使用apply方法来调用它。它会自动设定函数执行的上下文。这就是为什么我们能在函数里面使用this.arg。这里this指向data对象。来源网络 作者：星球小霸王。...
js——new Function 一个可以随时动态执行字符串js代码的神器
朕的博客
09-18 4509
"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 这里有一个没有参
你可能不知道的JavaScript的new Function()方法
12-09
`new Function()` 是JavaScript中的一个不太常见的构造函数，它允许我们动态地创建函数。这个方法在某些特定场景下非常有用，尽管在日常编程中不常用，因为它与传统的函数声明和匿名函数表达式相比，可能存在一些...
function, new function, new Function之间的区别
12-12
函数是JavaScript中很重要的一个语言元素，并且提供了一个function关键字和内置对象Function，下面是其可能的用法和它们之间的关系。 使用方法一： 代码如下: var foo01 = function() //or fun01 = ...
js new Function()/Function构造函数的注意事项
baidu_39305094的博客
07-28 1226
Function构造函数接收任意数量的参数，但最后一个参数始终都被看成是函数体，而前面的参数则枚举出了新函数的参数; 用法:var functionName = new Function(['arg1' [,'arg2' [...,'argn']]],'statement;'); var f = new Function("x","y","return x+y"); //Function()构...
JaveScript 的 newFunction
宁静致远
01-01 1379
new Function() 是 JavaScript 中的一个构造函数，它可以实例化一个新的函数对象并返回。该函数对象可以使用传递给 new Function() 的字符串参数作为函数体，并使用其他传递给它的参数作为函数参数，从而动态创建一个可执行的函数。
js引用类型之Function类型-new Function()
qq_42025192的博客
06-25 699
引 用 类 型 定义：引用类型是一种数据结构，用于将数据和功能组织在一起，引用类型有时候也被称为对象定义 Function 类型 Function实例的创建 1. 函数声明 定义一个函数 function sum (num1, num2) { return num1 + num2; } 2. 函数表达式 声明一个函数 var sum = function(num...
javascript 中function(){},new function(),new Function(),Function 摘录
weixin_38166852的博客
09-07 232
函数是JavaScript中很重要的一个语言元素，并且提供了一个function关键字和内置对象Function，下面是其可能的用法和它们之间的关系。 function使用方式 var foo01 = function() //或 function foo01() { var temp = 100; this.temp = 200; ...
JavaScript中的function(){}和new function(){}
weixin_30419799的博客
07-13 149
下午抽了点空闲在网上看了点文章，后来处于某种原因研究了点js的问题，首先考虑一下以下这句话： "只要 new 表达式之后的 constructor 返回（return）一个引用对象（数组，对象，函数等），都将覆盖new创建的匿名对象，如果返回（return）一个原始类型（无 return 时其实为 return 原始类型 undefined），那么就返回 new 创建的匿名对象"！ ...
JavaScript--new function神奇过程
老专家的博客
12-05 491
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...
广州蓝景分享—你需要深入了解一下JavaScript 的 new Functio
qq 2903359018博客
08-26 323
其中，JavaScript技术一直处于不断发展壮大中，如果你是前端开发人员或者JavaScript开发工程师，那么，今天广州蓝景小编跟大家分享一下这个知识点，你有必要认真了解一下，它就是“new Function”。与 new Function 语法类似的是新的RegExp，它可以使用字符串作为正则表达式的内容，特别适合动态匹配，或者增加代码混淆（一些混淆工具可以对字符串进行混淆）。new Function 的 body 参数中变量的上下文是全局的，不是私有的，没有所谓的闭包。...
深入解析JavaScript中new Function语法
爱蹦跶的全栈大A阿
01-16 3483
Function是JavaScript中非常重要的内置构造函数,可以用来动态创建函数。new Function语法就是其中一种函数创建方式。但是new Function也有一定的缺点需要注意。本文将带您深入解析new Function语法,了解其应用场景以及需要注意的问题。​new Function是动态创建函数的一种方式,但也有缺点。为了更好的代码质量和性能,应该慎用或避免使用。对JavaScript函数和作用域有深入理解,可以编写出更简洁、高效、稳定的代码。​。
[JS]详解new function(){}和function(){}() 区别分析
JOJO_SILVER的博客
12-22 1557
只要 new 表达式之后的 constructor 返回（return）一个引用对象（数组，对象，函数等），都将覆盖new创建的匿名对象，如果返回（return）一个原始类型（无 return 时其实为 return 原始类型 undefined），那么就返回 new 创建的匿名对象。 情景一： var yx01 = new function() {return "圆心"}; 
(new Function("return " + json))();
weixin_34044273的博客
09-15 290
2015-9-15 16:26:05 这几天看到了这段代码： var ToJson=function(A) { try { ///运行return中的函数体(return A)；返回A。 return (new Function("return "...
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` 提供了一种强大的机制去处理那些无法预知结构的数据或者行为模式，但由于它依赖于解析字符串中的代码片段，在运行时可能会带来安全隐患同时也会影响程序效率。因此建议仅当确实必要时才采用这种方法。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值