JavaScript Function()用法及代码示例

Javascript 函数构造函数用于使用带有 new 运算符的 Function() 构造函数来创建新的函数对象。 Javascript 函数构造函数创建一个具有全局作用域的函数。

用法:

var variable = new Function(arg1, arg2..., Function Body)

参数：

参数*：它是一个可选参数。函数可以包含任意数量的字符串参数。
Function Body:它是一个参数，其中包含包含函数定义的 Javascript 语句。

下面是一些示例，展示了 Javascript 函数构造函数的使用。

示例 1：在这个例子中，我们将看到Javascript函数构造函数的基本用法。

HTML


<!DOCTYPE HTML> 
<html> 
<head> 
    <script type="text/javascript"> 
        <!-- 
        var func = new Function("x", "y", "return x*y;"); 
        function geeks() { 
           var result; 
           result = func(10,20); 
           document.write ( result ); 
        } 
    </script> 
</head> 
  
<body> 
    <h1 style="color:green"> 
        Geeks For Geeks 
    </h1> 
    <h3>Javascript function constructor</h3> 
    <p>Click the following button to see the result</p> 
  
    <input type="button" onclick="geeks()"value="Click Me"> 
  
</body> 
</html>

输出：

JavaScript 函数构造函数

示例 2：在此示例中，我们将创建一个 Javascript 构造函数并打印该函数的值。

HTML


<!DOCTYPE HTML> 
<html> 
<head> 
    <script type="text/javascript"> 
        <!-- 
        var func = new Function("firstName", "lastName",  
                                "return firstName + ' ' + lastName + ' ' + firstName;"); 
        function geeks() { 
           var result; 
           result = func("Geeks","for"); 
           document.write ( result ); 
        } 
    </script> 
</head> 
  
<body> 
    <h1 style="color:green"> 
        Geeks For Geeks 
    </h1> 
    <h3>Javascript function constructor</h3> 
    <p>Click the following button to see the result</p> 
  
    <input type="button" onclick="geeks()"value="Click Me"> 
  
</body> 
</html>

输出：

JavaScript 函数构造函数

我们有 Javascript 函数的完整列表，要检查这些内容，请阅读这篇 Javascript 函数完整参考文章。

相关用法

注：本文由纯净天空筛选整理自amitsingh2730大神的英文原创作品 JavaScript Function() Constructor。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。