如何根據函式名字串執行 JavaScript 函式？

從儲存在變數中的字串呼叫函式可以透過兩種不同的方式完成。第一種方法使用 window 物件方法，第二種方法使用eval() 函式。

本教程將指導您學習如何使用其名稱作為字串來執行 JavaScript 函式。

使用 window[]() 方法

在這裡，要使用函式名作為字串執行函式，應使用以下語法將字串更改為指標。

語法

var functionName = "string";
functionName = window[functionName]( parameters );

這裡我們將一個字串儲存為函式名，並使用 window[] 呼叫此值。

演算法

  • 步驟 1 - 定義一個函式來顯示輸出

  • 步驟 2 - 定義另一個函式，並在全域性變數中將輸出函式的名稱作為字串賦值。如果需要，可以將引數傳遞給輸出函式。

  • 步驟 3 - 現在在 window[] 內呼叫此全域性變數，這將執行輸出函式。

示例

在下面的示例中，showOutput 是定義用於顯示輸出的函式。winObjFunc 定義為對儲存在全域性變數 strFunc 中的 showOutput 函式名執行 window[] 操作。使用上述語法，呼叫 showOutput 函式，並執行該函式。

<html>
<body>
   <h2>Using the <i>window object</i> method to execute function with its string name.</h2>
   <p id="namStrDisp"></p>
   <script>
      function showOutput(output) {
         document.getElementById('namStrDisp').innerHTML = output;
      }
      function winObjFunc() {
         strFunc = "showOutput";
         outStr = 'Output by the window object';
         window[strFunc](outStr);
      }
      winObjFunc();
   </script>
</body>
</html>

使用 eval() 方法

要使用函式名作為字串執行函式，可以使用 eval()。在這種情況下，函式的引數可以是語句、表示式、變數、現有物件的屬性或表示式序列。請按照以下語法使用此方法。此方法唯一的缺點是其瀏覽器支援有限，並且被認為已過時。

語法

使用者可以按照以下語法使用 eval() 方法呼叫函式。

eval( strFunction );

與 window 物件方法類似，將字串函式名作為引數傳送到 eval() 方法。

示例

在下面的示例中，evalOutput 是定義的輸出函式。全域性變數 evalStr 將此函式與引數作為字串儲存。使用上面解釋的語法，eval() 呼叫變數中的此字串值，我們得到輸出函式正在執行。

<html>
<body>
   <h2>Using the <i>eval()</i> method to execute function with its string name.</h2>
   <p id="evlStrDisp"></p>
   <script>
      function evalOutput(info) {
         document.getElementById('evlStrDisp').innerHTML = info;
      }
      function evalFunc() {
         evalStr = "evalOutput('eval method here')";
         eval(evalStr);
      }
      evalFunc();
   </script>
</body>
</html>

在本教程中，我們瞭解了當我們有函式名作為字串時執行 JavaScript 函式的兩種方法。

window 物件方法是最常用的方法。eval() 方法已棄用，不建議使用。

更新於: 2022-08-23

2K+ 次檢視

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.