這篇文章將為大家詳細講解有關JavaScript函數的用法有哪些，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
//聲明函數
function 函數名() {
//函數體代碼
}function是聲明函數的關鍵字，必須小寫由于函數一般是為了實現某個功能才定義的，所以通常我們將函數名命名為動詞，比如getSum
//調用函數 函數名(); //通過調用函數名來執行函數體代碼
聲明函數本身并不會執行的代碼，只有調用函數時才會執行函數體代碼。
在聲明函數時，可以在函數名稱后面的小括號中添加一些參數，這些參數被稱為形參，而在調用該函數時，同樣也需要傳遞相應的參數，這些參數被稱為實參。
| 參數 | 說明 |
|---|---|
| 形參 | 形式上的參數 函數定義的時候 傳遞的參數 當前并不知道是什么 |
| 實參 | 實際上的參數 函數調用的時候傳遞的參數 實參是傳遞給形參的 |
參數的作用：在函數的內部某些值不能固定，我們可以通過參數在調用函數時傳遞不同的值進去。
函數形參和實參個數不匹配問題
| 參數個數 | 說明 |
|---|---|
| 實參個數等于形參個數 | 輸出正確結果 |
| 實參個數多于形參個數 | 只取到形參的個數 |
| 實參個數少于形參個數 | 多的形參定義為undefined，結果為NaN |
function sum(num1,num2) {
console.log(num1+num2);
}
sum(100,200); //實參個數等于形參個數 輸出正確結果
sum(100,400,500,700); //實參個數多于形參個數 只取到形參的個數
sum(200); //實參個數少于形參個數 多的形參定義為undefined，結果為NaN在JavaScript中，形參的默認值是undefined 。
經常用return返回函數值
return終止函數
function add(num1,num2) {
//函數體
return num1+num2; //注意：return后的代碼不執行
alert('前面有return，我不會被執行');
}
var resNum = add(21,6); //調用函數，傳入兩個實參，并通過resNum接收函數返回值
alert(resNum); //27如果函數有return，則返回return后面的值；如果沒有return，則返回 undefined 。
break，continue，return的區別
break：結束當前的循環體(如for、while)
continue：跳出本次循環，繼續執行下次循環(如for、while)
return：不僅可以退出循環，還能夠返回return語句中的值，同時還可以結束當前的函數體內的代碼。
當我們不確定有多少個參數傳遞的時候，可以用arguments來獲取，在JavaScript中，arguments實際上它是當前函數的一個內置對象。所有函數都內置了一個arguments對象，arguments對象中存儲了傳遞的所有實參。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function fn() {
console.log(arguments); //里面存儲了所有傳遞過來的實參
console.log(arguments.length);
console.log(arguments[2]);
//可以按照數組的方式遍歷arguments
for (var i = 0; i < arguments.length; i++) {
console.log(arguments[i]);
}
}
fn(1, 2, 3);
fn(1, 2, 3, 4, 5);
//偽數組 并不是真正意義上的數組
//1. 具有數組的length 屬性
//2. 按照索引的方式進行存儲的
//3. 它沒有真正數組的一些方法 如pop() push()等等
</script>
</head>
<body>
</body>
</html>
function fn1() {
console.log(111);
fn2();
console.log('fn1');
}
function fn2() {
console.log(222);
console.log('fn2');
}
fn1();//1. 利用函數關鍵字自定義函數(命名函數)
function fn() {
}
fn();
//2. 函數表達式(匿名函數)
//var 變量名 = function() {};
var fun = function(aru) {
console.log('我是函數表達式');
console.log(aru);
}
fun('FG'）；
//(1) fun是變量名 不是函數名
//(2) 函數表達式聲明方式跟聲明變量差不多，只不過變量里面存的是值 而函數表達式里面存的是函數
//(3) 函數表達式也可以進行傳遞參數本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關注億速云的更多內容!
//聲明函數
function 函數名() {
//函數體代碼
}function是聲明函數的關鍵字，必須小寫由于函數一般是為了實現某個功能才定義的，所以通常我們將函數名命名為動詞，比如getSum
//調用函數 函數名(); //通過調用函數名來執行函數體代碼
聲明函數本身并不會執行的代碼，只有調用函數時才會執行函數體代碼。
在聲明函數時，可以在函數名稱后面的小括號中添加一些參數，這些參數被稱為形參，而在調用該函數時，同樣也需要傳遞相應的參數，這些參數被稱為實參。
| 參數 | 說明 |
|---|---|
| 形參 | 形式上的參數 函數定義的時候 傳遞的參數 當前并不知道是什么 |
| 實參 | 實際上的參數 函數調用的時候傳遞的參數 實參是傳遞給形參的 |
參數的作用：在函數的內部某些值不能固定，我們可以通過參數在調用函數時傳遞不同的值進去。
函數形參和實參個數不匹配問題
| 參數個數 | 說明 |
|---|---|
| 實參個數等于形參個數 | 輸出正確結果 |
| 實參個數多于形參個數 | 只取到形參的個數 |
| 實參個數少于形參個數 | 多的形參定義為undefined，結果為NaN |
function sum(num1,num2) {
console.log(num1+num2);
}
sum(100,200); //實參個數等于形參個數 輸出正確結果
sum(100,400,500,700); //實參個數多于形參個數 只取到形參的個數
sum(200); //實參個數少于形參個數 多的形參定義為undefined，結果為NaN在JavaScript中，形參的默認值是undefined 。
經常用return返回函數值
return終止函數
function add(num1,num2) {
//函數體
return num1+num2; //注意：return后的代碼不執行
alert('前面有return，我不會被執行');
}
var resNum = add(21,6); //調用函數，傳入兩個實參，并通過resNum接收函數返回值
alert(resNum); //27如果函數有return，則返回return后面的值；如果沒有return，則返回 undefined 。
break，continue，return的區別
break：結束當前的循環體(如for、while)
continue：跳出本次循環，繼續執行下次循環(如for、while)
return：不僅可以退出循環，還能夠返回return語句中的值，同時還可以結束當前的函數體內的代碼。
當我們不確定有多少個參數傳遞的時候，可以用arguments來獲取，在JavaScript中，arguments實際上它是當前函數的一個內置對象。所有函數都內置了一個arguments對象，arguments對象中存儲了傳遞的所有實參。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function fn() {
console.log(arguments); //里面存儲了所有傳遞過來的實參
console.log(arguments.length);
console.log(arguments[2]);
//可以按照數組的方式遍歷arguments
for (var i = 0; i < arguments.length; i++) {
console.log(arguments[i]);
}
}
fn(1, 2, 3);
fn(1, 2, 3, 4, 5);
//偽數組 并不是真正意義上的數組
//1. 具有數組的length 屬性
//2. 按照索引的方式進行存儲的
//3. 它沒有真正數組的一些方法 如pop() push()等等
</script>
</head>
<body>
</body>
</html>
function fn1() {
console.log(111);
fn2();
console.log('fn1');
}
function fn2() {
console.log(222);
console.log('fn2');
}
fn1();//1. 利用函數關鍵字自定義函數(命名函數)
function fn() {
}
fn();
//2. 函數表達式(匿名函數)
//var 變量名 = function() {};
var fun = function(aru) {
console.log('我是函數表達式');
console.log(aru);
}
fun('FG'）；
//(1) fun是變量名 不是函數名
//(2) 函數表達式聲明方式跟聲明變量差不多，只不過變量里面存的是值 而函數表達式里面存的是函數
//(3) 函數表達式也可以進行傳遞參數關于“JavaScript函數的用法有哪些”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
