一篇文章帶你了解JavaScript函數(shù)
點擊上方“前端進階學習交流”，進行關注
回復“前端”即可獲贈前端相關學習資料
今
日
雞
湯
人生得意須盡歡，莫使金樽空對月。一個JavaScript函數(shù)是一個為執(zhí)行特定任務而設計的代碼塊，JavaScript函數(shù)當調用時被執(zhí)行。? ? ? ? ? ? ? ? ? ? ? ?
一、函數(shù)語法
一個JavaScript函數(shù)使用function關鍵字定義，后面跟一個函數(shù)名稱，后面跟一對括號()。
函數(shù)名可以包含字母、數(shù)字、下劃線和美元符號（與變量相同的規(guī)則）。
圓括號可以包括參數(shù)名稱以逗號分隔: (parameter1, parameter2, ...)。
函數(shù)要執(zhí)行的代碼，被放置在括號內: {}。
語法：
function name(parameter1, parameter2, parameter3) {code to be executed}
函數(shù)形式參數(shù)是函數(shù)定義中列出的名稱,實際參數(shù)是函數(shù)調用時接收的實際值。
在函數(shù)中，實際參數(shù)（形式參數(shù)）表現(xiàn)為局部變量。
例：
<html lang="en"><head><meta charset="UTF-8"><title>項目title>head><body><h1>JavaScript 函數(shù)h1><p>調用函數(shù)完成計算，并返回結果:p><p id="demo">p><script>function myFunction(p1, p2) {return p1 * p2; /* 函數(shù)返回p1和p2的乘積*/}document.getElementById("demo").innerHTML = myFunction(4, 3);script>body>html>
注：
在其他編程語言中，函數(shù)與過程或子程序非常相似。
1. 函數(shù)調用
當某些情況下調用函數(shù)時，函數(shù)內的代碼將執(zhí)行。
//當事件發(fā)生（例如：當用戶單擊按鈕）。//當從JavaScript代碼中調用時。//自動執(zhí)行 (自己調用）。
2. 函數(shù)返回
當JavaScript達到一個return語句，函數(shù)將停止執(zhí)行。
如果從一個語句調用了函數(shù)，JavaScript將“回歸”到調用語句后繼續(xù)執(zhí)行代碼。
函數(shù)通常計算返回值. 返回值返回給調用者。
例：
var x = myFunction(4, 3); // 函數(shù)被調用，返回值賦值給xfunction myFunction(a, b) {return a * b; // 函數(shù)返回a和b的乘積}
完整代碼：
<html lang="en"><head><meta charset="UTF-8"><title>項目title>head><body><h1>JavaScript 函數(shù)h1><p>此示例調用一個函數(shù)，該函數(shù)執(zhí)行計算并返回結果:p><p id="demo">p><script>function myFunction(a, b) {return a * b;}document.getElementById("demo").innerHTML = myFunction(4, 3);script>body>html>
二、為什么使用函數(shù)?
您可以重用代碼：定義代碼一次，并多次使用它。
您可以使用同一代碼多次使用不同的參數(shù)，產(chǎn)生不同的結果。
function toCelsius(fahrenheit) {return (5/9) * (fahrenheit-32);}document.getElementById("demo").innerHTML = toCelsius(77);
1. 使用()操作符調用函數(shù)
使用上面的例子，toCelsius指函數(shù)對象，而toCelsius()指作用的結果。
function toCelsius(fahrenheit) {return (5/9) * (fahrenheit-32);}document.getElementById("demo").innerHTML = toCelsius;
2. 用作變量值的函數(shù)
函數(shù)可以像變量一樣使用，在所有類型的公式、賦值和計算中都可以使用。
var x = toCelsius(77);var text = "The temperature is " + x + " Celsius";
三、總結
文章主要從倆個方面介紹了JavaScript函數(shù)的應用，從函數(shù)的語法，怎么去調用函數(shù)，函數(shù)的返回值，以及在編程中為什么需要函數(shù)的加入等等，都做了詳細講解。通過實踐案例的操作，運行效果的展示，能夠讓讀者更好的理解。
代碼很簡單，希望能夠幫助你。
-------------------?End?-------------------
往期精彩文章推薦：
歡迎大家點贊，留言，轉發(fā)，轉載，感謝大家的相伴與支持
想加入前端學習群請在后臺回復【入群】
萬水千山總是情，點個【在看】行不行