ES6中new Function()语法及应用实例分析
本文实例讲述了ES6中newFunction()语法及应用。分享给大家供大家参考，具体如下：
学习《ECMAScript6入门》中的模板字符串的案例中看见了newFunction()创建函数的语法：
letstr='return'+'`Hello${name}!`';
letfunc=newFunction('name',str);
func('Jack')//"HelloJack!"
上面的代码传入name参数和字符串函数体，字符串函数体由模板字符串提供，非常简洁方便。
为理解newFunction，于是找到了下面这篇文章：
下文翻译自：https://javascript.info/new-function
这里有一个很少被用到的新建函数的方法，但是有时候不得不使用它。
新建函数的语法：
letfunc=newFunction([arg1[,arg2[,...argN]],]functionBody)
换句话说，函数的参数（或更确切地说，各参数的名称）首先出现，而函数体在最后。所有参数都写成字符串形式。
通过查看示例，可以更容易理解。这是一个有两个参数的函数：
letsum=newFunction('a','b','returna+b');
alert(sum(1,2));//3
如果所要新建的函数没有参数，那么newFunction()只有一个函数体参数：
letsayHi=newFunction('alert("Hello")');
sayHi();//Hello
这个方式与其他方式最主要的不同点在于，函数是由在运行时传入的字符串创建的。
之前的所有声明都要求程序员在脚本中编写功能代码。
但newFunction允许将任何字符串转换为函数。例如，我们可以从服务器接收新函数然后执行它：
letstr=...receivethecodefromaserverdynamically... letfunc=newFunction(str); func();
它在非常特殊的情况下使用，例如当我们从服务器接收代码时，或者使用模板动态编译函数。对此的需求通常出现在开发的进阶阶段。
通常，函数将它所创建的位置记录在特殊属性[[Environment]]中。它引用了创建地点的词法环境。
但是当使用newFunction()创建函数时，其[[Environment]]不是引用当前的词法环境，而是引用全局环境。
functiongetFunc(){
letvalue="test";
letfunc=newFunction('alert(value)');
returnfunc;
}
getFunc()();//error:valueisnotdefined
与常规方法比较：
functiongetFunc(){
letvalue="test";
letfunc=function(){alert(value);};
returnfunc;
}
getFunc()();//"test",来自getFunc的词法环境
这个特殊的newFunction表面看起来很奇怪，但在实践中显得非常有用。
想象一下，我们必须从字符串创建一个函数。在编写脚本时不知道该函数的代码（这就是我们不使用常规函数的原因），但在执行过程中将会知道。我们可能会从服务器或其他来源收到它。
我们的新函数需要与主脚本进行交互。
也许我们希望它能够访问外部的局部变量？
问题是在JavaScript发布到生产之前，它是使用minifier压缩的——一个通过删除额外的注释，空格来缩小代码的特殊程序，而且-重要的是，会将局部变量重命名为较短的变量。
例如，如果一个函数中有letuserName，那么minifier会替换它为leta（或者如果a被占用，则用另一个字母替换），这个过程会在任何地方进行。这通常是一件安全的事情，因为被替换的变量是局部的，函数外部没有任何东西可以访问它。并且在函数内部，minifier取代了它的每一个提及。Minifiers很聪明，他们会分析代码结构，所以他们不会破坏任何东西。他们不是只会愚蠢地发现和替换。
但是，如果newFunction可以访问外部变量，那么它将无法找到userName，因为userName在代码缩小后才作为字符串传入。
所以，即使我们可以在newFunction中访问外部词汇环境，我们也会遇到minifiers的问题。
而这时，newFunction的“特色”可以让我们免于犯错。
它强制执行更好的代码。如果我们需要将某些东西传递给由newFunction创建的函数，我们应该将它作为参数显式传递（可以避免直接读取外部变量时产生的问题）。
我们的“sum”函数实际上是这样正确使用的：
letsum=newFunction('a','b','returna+b');
leta=1,b=2;
//外部变量作为参数传入
alert(sum(a,b));//3
语法：
letfunc=newFunction(arg1,arg2,...,body);
历史原因，参数也可以以逗号分隔的列表的形式给出。
这三个意思相同：
newFunction('a','b','returna+b');//基础语法
newFunction('a,b','returna+b');//逗号分隔
newFunction('a,b','returna+b');//逗号加空格分隔
使用newFunction创建的函数，其[[Environment]]引用全局词法环境，而不是包含该函数的外部词法环境。因此，他们不能使用外层的变量。但这确实很好，因为它可以使我们免于错误。明确地传递参数在架构上是一种更好的方法，并且不会在使用minifiers时不会产生问题。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。