在編寫代碼時,可能會出現非常多的相同代碼,或者功能類似的代碼,這些代碼可能需要大量重復使用。雖然for循環語句也能實現一些簡單的重復操作,但是比較有局限性,此時我們就可以使用JavaScript中的函數。
例如,下面兩段代碼完成了兩個功能,這兩個功能的代碼非常相似。
//功能1:求1~100的累加和
var sum = 0;
for (var i = 1; i <= 100; i++) {
sum te j;
}
console.log(sum);
//功能2:求10~50的累加和
var sun = 0;
for (var I = 10; i <= 50; i++) {
sum f = i;
}
console.log(sum);
上述代碼的共同點在于,i的初始值和結束值不同,其他代碼是相同的。此時利用函數可以把這種相似的代碼封裝起來,實現代碼的重復使用。
為了讓讀者體會到函數的優勢,下面我們來演示如何利用函數來封裝代碼,解決代碼重復的問題。關于函數的具體語法規則,會在后面進行詳細講解。
//聲明一個getSum函數,將代碼寫在大括號"{}”中
function getSum(numl, num2) {
var sum = 0;
for (var i = numl; i <= num2; i++) {
sum += i;
}
console.log(sum); //函數執行結束后,將結果輸出
}
//調用getsum函數,在調用時需要寫上小括號,并在小括號里傳人參數
getSum(1, 100); // 輸出結果:5050
getSum(10, 50); // 輸出結果 :1230
從上述代碼可以看出,利用函數,原本重復的代碼現在只需要編寫一次,然后就可以重復調用。在調用函數時,小括號中傳人了兩個參數,第1次調用傳入的兩個參數分別為1和00,第2次調用傳人的兩個參數分別為 10和50。只需傳入不同的參數,即可對參數按照相司的方式進行處理,最終得到不同的執行結果。