溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“JavaScript函數的詳細介紹”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“JavaScript函數的詳細介紹”吧!
一、函數語法
一個JavaScript函數使用function關鍵字定義，后面跟一個函數名稱，后面跟一對括號()。
函數名可以包含字母、數字、下劃線和美元符號(與變量相同的規則)。
圓括號可以包括參數名稱以逗號分隔: (parameter1, parameter2, ...)。
函數要執行的代碼，被放置在括號內: {}。
語法：
function name(parameter1, parameter2, parameter3) { code to be executed }函數形式參數是函數定義中列出的名稱,實際參數是函數調用時接收的實際值。
在函數中，實際參數(形式參數)表現為局部變量。
例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>項目</title> </head> <body> <h2>JavaScript 函數</h2> <p>調用函數完成計算，并返回結果:</p> <p id="demo"></p> <script> function myFunction(p1, p2) { return p1 * p2; /* 函數返回p1和p2的乘積*/ } document.getElementById("demo").innerHTML = myFunction(4, 3); </script> </body> </html>
注：
在其他編程語言中，函數與過程或子程序非常相似。
1. 函數調用
當某些情況下調用函數時，函數內的代碼將執行。
//當事件發生（例如：當用戶單擊按鈕）。 //當從JavaScript代碼中調用時。 //自動執行 (自己調用）。
2. 函數返回
當JavaScript達到一個return語句，函數將停止執行。
如果從一個語句調用了函數，JavaScript將“回歸”到調用語句后繼續執行代碼。
函數通常計算返回值. 返回值返回給調用者。
例：
var x = myFunction(4, 3); // 函數被調用，返回值賦值給x function myFunction(a, b) { return a * b; // 函數返回a和b的乘積 }完整代碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>項目</title> </head> <body> <h2>JavaScript 函數</h2> <p>此示例調用一個函數，該函數執行計算并返回結果:</p> <p id="demo"></p> <script> function myFunction(a, b) { return a * b; } document.getElementById("demo").innerHTML = myFunction(4, 3); </script> </body> </html>
二、為什么使用函數?
您可以重用代碼：定義代碼一次，并多次使用它。
您可以使用同一代碼多次使用不同的參數，產生不同的結果。
function toCelsius(fahrenheit) { return (5/9) * (fahrenheit-32); } document.getElementById("demo").innerHTML = toCelsius(77);
1. 使用()操作符調用函數
使用上面的例子，toCelsius指函數對象，而toCelsius()指作用的結果。
function toCelsius(fahrenheit) { return (5/9) * (fahrenheit-32); } document.getElementById("demo").innerHTML = toCelsius;
2. 用作變量值的函數
函數可以像變量一樣使用，在所有類型的公式、賦值和計算中都可以使用。
var x = toCelsius(77); var text = "The temperature is " + x + " Celsius";
三、總結
文章主要從倆個方面介紹了JavaScript函數的應用，從函數的語法，怎么去調用函數，函數的返回值，以及在編程中為什么需要函數的加入等等，都做了詳細講解。通過實踐案例的操作，運行效果的展示，能夠讓讀者更好的理解。
到此，相信大家對“JavaScript函數的詳細介紹”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
