在 JavaScript 中按名稱呼叫函式
Abid Ullah
2022年5月5日
在 JavaScript 中,有時將函式名儲存在字串中很方便,因為我們可以使用這些字串來呼叫實際的函式。
我們可以使用 eval()
方法呼叫一個名稱儲存在字串變數中的 JavaScript 函式,但它是一箇舊方法。
我們將使用 window object
方法來呼叫函式。
在 JavaScript 中使用 window object
方法按名稱呼叫函式
我們建立了一個名為 changeColor()
的函式。我們將該函式儲存在字串變數中。
現在,我們要呼叫我們儲存在字串中的那個函式。我們需要點選按鈕。
在字串函式中,我們傳遞引數 red。因此,當我們單擊按鈕時,文字 You called the Function
的顏色變為紅色。
<!DOCTYPE html>
<html>
<head>
<title>
To call a function
</title>
</head>
<body>
<h1 style="color: Red">
Call function by name
</h1>
<b>
To call a function by its name stored in string variable in JavaScript.
</b>
<p>
Click on the button to call the function in the string.
</p>
<p class="example">
You called the function.
</p>
<button onclick="evaluateFunction()">
Click Here
</button>
<script type="text/javascript">
function changeColor(color) {
document.querySelector('.example').style
= `color: ${color}`;
}
function evaluateFunction() {
stringFunction = "changeColor";
param = 'red';
window[stringFunction](param);
}
</script>
</body>
</html>
這樣,我們通過使用 window[stringFunction](param)
方法呼叫字串函式。
輸出:
Author: Abid Ullah
My name is Abid Ullah, and I am a software engineer. I love writing articles on programming, and my favorite topics are Python, PHP, JavaScript, and Linux. I tend to provide solutions to people in programming problems through my articles. I believe that I can bring a lot to you with my skills, experience, and qualification in technical writing.
LinkedIn