資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究如何將 JavaScript 函式作為函式呼叫？
在本教程中，我們將學習如何將 JavaScript 函式作為函式呼叫。
函式是一組可重用的程式碼，用於執行特定任務，並可能返回值。在 JavaScript 中，函式由關鍵字 function 定義。函式具有不同的部分，例如函式名、引數列表、函式體和 return 語句。函式可能沒有任何引數，也可能沒有任何 return 語句。在 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 次檢視
