資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝學
法學如何將 JavaScript 函式作為函式呼叫？
在本教程中，我們將學習如何將 JavaScript 函式作為函式呼叫。
函式是一組可重用的程式碼，它們執行特定任務並可能返回值。在 JavaScript 中，函式由關鍵字 function 定義。函式具有不同的部分，例如函式名、引數列表、函式體和返回語句。函式可能沒有任何引數，也可能沒有任何返回語句。在 JavaScript 中，我們還有沒有函式名的函式，稱為匿名函式。
使用者可以按照以下語法宣告函式。
// function declaration
function function_name(parameter1, parameter2, ...){
//function body
}
// anonymous function
let aFunc = function(paremeter1, parameter2, ...){
//function body
}
在上述語法中，“function_name”是函式的名稱，對於匿名函式，我們需要一個變數來儲存它。在這種情況下，變數是“aFunc”。“parameter1”和“parameter2”……是函式的引數。可以為零個或多個。如果函式有任何返回值，則在函式體之後，我們需要返回該值。
無引數的函式呼叫
引數是我們呼叫函式時傳遞給函式的資訊或資料的集合。函式可以有一個引數、多個引數或根本沒有引數。我們必須編寫函式名並加上開括號和閉括號來呼叫函式。對於匿名函式，我們需要編寫儲存函式的變數，然後開啟和關閉括號。
使用者可以按照以下語法呼叫沒有引數的 JavaScript 函式。
語法
// Function call function_name() // Anonymous Function call aFunc()
在上述語法中，“function_name”是函式名，“aFunc”是儲存匿名函式的變數名。
示例
在下面的示例中，我們已將 JavaScript 函式作為函式呼叫。我們使用兩個按鈕的點選事件來呼叫函式。“隱藏元素”按鈕將使用“hide”函式隱藏“root”元素，“顯示元素”按鈕將使用儲存匿名函式的“show”變數呼叫來顯示“root”元素。
<html> <body> <h3>Invoking a JavaScript Function as a function</h3> <button onclick="hide()">Hide Element</button> <button onclick="show()">Show Element</button> <div id="root" style="border: 1px solid black; padding: 10px; margin-top: 10px;">Welcome to Tutorialspoint</div> <script> let root = document.getElementById('root') function hide(){ // hiding the element root.style.display = 'none' } let show = function(){ // showing the element root.style.display = 'block' } </script> </body> </html>
帶引數的函式呼叫
函式引數是函式中的輸入，函式使用這些引數執行其任務並可能返回一些值。函式可以有多個引數，每個引數名稱都應該唯一。引數的實際值稱為引數。
使用者可以按照以下語法呼叫帶有引數的 JavaScript 函式。
語法
// Function call function_name(a, b, ...) // Anonymous Function call aFunc(a, b, ...)
在上述語法中，“function_name”是函式名，“aFunc”是儲存匿名函式的變數名。“a”、“b”……是函式的引數/引數。
示例
在下面的示例中，我們已將 JavaScript 函式作為函式呼叫。我們使用兩個按鈕的點選事件來呼叫函式 summation 和 subtraction。每個函式都接受兩個引數，“num1”和“num2”。點選“檢查求和”按鈕時，我們將執行 summation 函式，該函式接受引數並返回其求和值。透過點選“檢查減法”按鈕，我們執行 subtraction 函式，該函式接受引數並返回其差值。我們正在網頁上輸出函式的返回值。
<html> <body> <h3>Invoking a JavaScript Function as a function</h3> <p>Calculate the value of Summation and Subtraction of 10 and 4</p> <button onclick = "summation(10, 4)">Check Summation</button> <button onclick = "subtraction(10,4)">Check Subtraction</button> <h4 id="root" style="margin-top: 10px;"></h4> <script> let root = document.getElementById('root') function summation(num1, num2){ let result = num1 + num2; root.innerHTML = "Summation Result: " + result; } let subtraction = function(num1, num2){ let result = num1 - num2; root.innerHTML = "Subtraction Result: " + result; } </script> </body> </html>
在本教程中，我們學習瞭如何帶引數和不帶引數地將 JavaScript 函式作為函式呼叫。使用者應該使用這種型別的函式呼叫來輕鬆執行函式和完成任務。建議使用函式的引數將一些輸入放入函式中，而不是呼叫外部作用域變數。
瀏覽量：191
