JavaScript Function,创建函数对象（new Function()）,字符串当代码来执行

最新推荐文章于 2024-05-07 17:50:46 发布
最新推荐文章于 2024-05-07 17:50:46 发布
阅读量1.5w 收藏 4
点赞数 3
分类专栏： JavaScript 文章标签： javascript Function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/houyanhua1/article/details/79796111
版权


demo.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>

        function Person(name, age){
            this.name = name;
            this.age = age;
        }

        var p = new Person("张三",19);


//        var func = new Function("console.log('我是动态创建的函数');console.log(1);");  
//        func();    // 会把Function() 中最后一个参数当做函数体执行。
        // 类似 eval()函数，可以将字符串当做代码(函数体)来执行。


        //Function这个构造函数 可以用来创建函数对象
        //语法：
        //0.一个参数都不传的情况  创建的就是一个空的函数
        //var 函数名 = new Function()
        //1.只传一个参数的情况 这个参数就是函数体
        //var 函数名 = new Function("函数体")
        //2.传多个参数的情况，最后一个参数为函数体，前面的参数都是该函数的形参名

        //练习：使用Function创建一个打印4句歌词的函数
//
最低0.47元/天 解锁文章
houyanhua1
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript实现根据函数名称字符串动态执行函数的方法示例
01-19
本文实例讲述了javascript实现根据函数名称字符串动态执行函数的方法。分享给大家供大家参考，具体如下： [removed] //动态函数调用,调用者使用targetFunction function targetFunction() { alert(11111); return 9; } test(myFunc); function test(funcName) { if(typeof(eval(funcName)) == function) { var s = eval(funcName+();); alert(s); } els
javascript转换字符串为dom对象（字符串动态创建dom）
10-29
在JavaScript中，动态创建DOM对象是一项常见的任务，通常我们使用`document.createElement`方法来创建新的DOM元素。然而，有时我们可能需要将一个HTML字符串转换成DOM对象，这在处理动态内容或者从服务器获取HTML...
function,new function,new Function对比
weixin_30505225的博客
04-24 177
函数是JavaScript中很重要的一个语言元素，提供了一个function关键字和内置对象Function，下面是其可能的用法和它们之间的关系。 使用方法一： varfoo01=function()//orfun01=function() { vartemp=100; this.temp=200; returntemp+this.t...
区分function, new function, new Function
最新发布
good7ob的博客
05-07 279
在本文中，我们将详细介绍这些方式的区别，并提供相应的代码示例。new function可以用来创建一个新的函数对象，但它的使用方式相对较少，因为它的行为在不同的JavaScript引擎中可能会有不同的结果。new Function与new function有着不同的行为，它可以用来创建一个新的函数对象，但它的使用方式更加灵活。与new function不同，new Function接受的参数也是字符串形式的函数体，但它的参数列表可以是任意数量的参数，并且可以包含函数体的完整定义。
new Function
chensensen543054的博客
07-31 449
ECMAScript 的函数实际上是功能完整的对象。 函数也是对象，可以有属性和方法。 Function类表示开发者定义的任何函数。 用Function类直接创建函数的语法如下： var function_name = new function(arg1,arg2,….,function_body);这些参数必须是字符串。 函数只是一种引用类型。函数名只是指向函数对象的引用值/变量
new Function的用法
QDzzzhy
03-05 5703
在使用JavaScript时，大家一般都会怎样创建函数？我相信大部分都是这样的： function foo(arg1,arg2...){ ... } 今天在学习ES6的时候发现了一种以前没有尝试过的写法,具体如下： let str = 'return ' + '`Hello ${name}!`'; let func = new Function('name', str); func('J...
function,new function()和 new Function()
weixin_30682415的博客
01-11 254
函数是javascrpit中的一等公民，提供了function关键字和Function()这个内置对象。 function和new function()以及new Function()之间的区别一直都会让人造成困扰，下面是一些简单的学习心得。 function 最常用的function用法就是定义函数 var foo = function(){ var temp = 100...
聊聊new Function这个陌生面孔及函数作用域和函数执行顺序
QTFYING的博客
03-27 1371
咱们平时定义一个函数是怎么个定义法呢, 咱们以计算3和5的和为例: 你首先想到的可能就是，这还不简单，so easy，你看： function sum（a, b） { return a + b; } 或者用咱们的ES6 let sum = (a, b) => a + b; 恭喜你答对了，其实啊，函数的定义常见的也就是上面的这种方式，没有什么特别的花样，但是今天咱们聊聊...
你可能不知道的JavaScript的new Function()方法
12-09
`new Function()` 接收一系列参数，第一个参数是函数的名称（可选），后续的参数是函数的形参列表，最后一个参数是一个字符串，表示函数体的代码。例如： ```javascript var myFunction = new Function('users', '...
javascript json字符串到json对象转义问题
10-17
`ToJson()`尝试使用`eval()`函数来解析JSON字符串，`eval()`在执行字符串作为JavaScript代码时，可以解析JSON。由于`eval()`存在安全风险，通常不推荐直接使用，但在不支持`JSON.parse()`的情况下，它可以作为一个...
详解JavaScript中js对象与JSON格式字符串的相互转换
10-20
但这种方法存在安全风险，因为它执行了字符串中的所有JavaScript代码，可能导致恶意代码执行。 2. 使用`JSON.parse()`方法，这是更安全、推荐的方式，例如 `JSON.parse(JSONStr1)`。此方法会将JSON字符串解析为对应...
new Function()的使用
m0_54944506的博客
06-22 2857
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
eval 和 new Function
hmlxb001068的博客
07-31 1069
new Function 语法：新函数 = new Function(参数1, 参数2, ..., 参数n, 函数体); 除最后一个参数外，其他所有的参数都是新创建函数的参数。         最后一个参数是，新创建函数的函数体。 所有的参数都可以省略。        举例： var f = new Function("x", "y", "console.log(x + y);")
new function() 使用
BigOrange的博客
10-24 681
var zwk = function(){ var def = { name:'k', setName:function(name){ this.name = name; return this; }, getName:fun
js中new Function的用法
热门推荐
zhaozhi406的专栏
07-31 1万+
转自：http://www.cnitblog.com/yemoo/archive/2007/09/25/34017.html 有一种用法比较特别： var foo3 = new Function('var temp = 100; this.temp = 200; return temp + this.temp;'); alert(typeof(foo3)); alert(foo3(
new function()理解
Dream_Lee的博客
09-06 5176
好久没更新啦~ 一、背景 朋友给我发了一个题，我的答案和正确答案刚好相反。惊！ 正确答案是：false和true 接下来我讲一下我对这道题所涉及的知识点的理解 说明： 只要 new 表达式之后的 constructor 返回（return）一个引用对象（数组，对象，函数等），都将覆盖new创建的匿名对象。 如果返回（return）一个原始类型（无 return 时其实为 return 原始类型...
new Function构建一个方法
海涛高软
03-02 168
<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) ..
怎么使用 Function() 构造函数来执行代码
05-30
在 JavaScript 中，可以使用 `Function()` 构造函数来执行代码。`Function()` 构造函数可以接受一个或多个字符串参数，这些字符串参数将被解析为 JavaScript 代码，并返回一个新的函数对象。可以通过调用这个函数来执行代码。 下面是一个使用 `Function()` 构造函数来执行代码的示例： ```javascript // 定义一个字符串，表示要执行的代码 var code = 'console.log("Hello, World!");'; // 使用 Function() 构造函数创建一个新的函数对象 var func = new Function(code); // 调用这个函数来执行代码 func(); ``` 在上面的示例中，首先定义了一个字符串 `code`，表示要执行的代码。然后使用 `Function()` 构造函数创建了一个新的函数对象 `func`，将 `code` 作为参数传递给它。最后调用 `func()` 来执行代码。 需要注意的是，使用 `Function()` 构造函数执行代码也存在一定的风险，因为它也可以执行任意的 JavaScript 代码。因此，在使用时需要格外小心，避免出现安全问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值