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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。