這篇文章主要介紹了JavaScript函數的使用方法是什么，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
函數就是通過共同定義相同的處理并使其可以多次使用。
如果代碼很多的話，有時可能需要用到大量相同的處理，雖然可以通過復制粘貼來省去時間，但是代碼會變得很長，不方便后續的一些操作，這時候我們可以將相同的處理定義為一個函數，然后調用這個函數，這樣代碼就會看起來非常的簡潔了。
此外函數還有一個優點，當需要處理的部分代碼需要進行共同的變化時，只需要更改一處就可以了。
下面我們來看JavaScript中函數的定義
基本形式
在定義函數時首先需要的是function。之后寫下給函數的名稱并在{}中寫入需要的處理，最簡單的編寫的話就像下面這樣
<script>
function 函數名( ) {
處理的代碼
}
</script>參數和返回值
此外，如果要將參數傳遞給函數，請將參數名稱放在括號中。您可以根據需要添加任意數量的參數，以“，”分隔。因此，即使進行相同的處理，也可以地根據傳遞的參數進行內容的處理。
另外，如果你想獲得這個調用函數的處理結果，使用return的關鍵字，則會傳遞函數中處理的結果返回值。
<script>
function 函數名（參數1，參數2，...）{
處理的代碼
return 返回值;
}
</ script>我們下面來看使用函數編程的具體例子
我們先使用變量來編寫，將變量定義為money，根據輸入的money的值，用document.write輸出字符串“有錢人”，“普通人”，“貧窮”三個類型。
代碼如下
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
var money;
if (money > 5000) {
document.write("有錢人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("貧窮");
}
</script>
</body>
</html>基于上述代碼，根據輸入的money值，執行的結果會為“有錢人”或“普通人”或“貧窮”，如果不使用函數，則必須寫入相同的代碼。
<script>
var money=10000;
if (money > 5000) {
document.write("有錢人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("貧窮");
}
</script>變量money的值輸入10000，則輸出結果為“有錢人”
當變量money輸入為4000，結果就為"普通人"，輸入money的值為2000時就是“貧窮”。
所以你只需要改變var money的值，其他都不需要改變，但代碼就會變得很多，這個時候如果定義一個函數，代碼就會變得簡單的多
我們接著就來看使用函數具體的示例
這里的函數名稱是judge。因為想根據輸入變量money的值來判斷“有錢人”“普通人”“貧窮”。
實際上，您無法分辨傳遞給函數的信息是什么，因此使用變量money定義參數。該函數將根據進入變量money的值來改變輸出的值和字符串。
function judge(money) {
if (money > 5000) {
document.write("有錢人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("貧窮");
}
}這樣做的話，就可以刪除目前已編寫和重復多次的代碼，并將其替換為名為judge的函數。
代碼如下
<script>
function judge(money) {
if (money > 5000) {
document.write("有錢人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("貧窮");
}
}
var money = 10000;
judge(money);
var money = 4000;
judge(money);
var money = 2000;
judge(money);
</script>運行結果如下
使用return值返回
也可以在不使用document.write的情況下返回判斷結果的字符串。。這種情況下，使用返回值return。將判斷結果的字符串“有錢人”“普通”“窮”代入后，最后用return返回到result的變量的值。
代碼如下
<script>
function judge(money) {
var result;
if (money > 5000) {
result = "有錢人";
} else if (money > 3000){
result = "普通人";
} else {
result = "貧窮";
}
return result;
}
var money = 10000;
var result = judge(money);
document.write(result);
var money = 4000;
var result = judge(money);
document.write(result);
var money = 2000;
var result = judge(money);
document.write(result);
</script>運行效果不變
最后，我們來簡單看一下什么是局部變量
局部變量是指在函數中定義的變量，并且只在該函數中有作用。
使用“var變量名”聲明與普通變量沒有區別，但在局部變量的情況下，它是在function中聲明。
感謝你能夠認真閱讀完這篇文章，希望小編分享JavaScript函數的使用方法是什么內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
