js學習筆記(5)

  • 函數的概念
    函數:就是封裝了一段可被重複調用執行的代碼塊,通過代碼塊可以實現大量代碼的重複使用;
  • 函數的使用
    函數在使用的過程中分爲兩步:聲明函數和調用函數;
    注意:函數不調用就不會執行;
<script>
		//1.聲明函數
		// function 函數名(){

		// }

		function sayHi(){
			console.log('hi~');
		}
		//(1)function 聲明函數的關鍵字  全部小寫
		//(2)函數做某件事情,函數名一般是動詞  
		//(3)函數不調用自己不執行
		//2.調用函數
		// 函數名()
		sayHi();
		//調用函數的時候千萬不能忘記加()
</script>

函數的封裝就是把一個或者多個功能通過函數的方式封裝起來,對外只提供一個簡單的函數接口

<script>
		function getSum(){
			var sum = 0;
			for(var i = 0; i <= 100; i++){
				sum += i;
			}
			console.log(sum);
		}
		getSum();
</script>
  • 函數的參數

在聲明函數時,可以在函數名稱後面的小括號中添加一些參數,這些參數被稱爲形參,而在調用該函數時,同樣也需要傳遞相應的參數,這些參數稱爲實參。

(1)形參:形式上的參數,函數定義的時候,傳遞的參數,當前並不知道是什麼;
(2)實參:實習上的參數,函數調用的時候,傳遞的參數,實參是傳遞給形參的;

注意點:多個參數用逗號隔開,形參可以看作是沒有聲明的變量;

函數形參實參個數不匹配:
如果實參個數和形參個數一致 則正常輸出結果;
如果實參的個數大於形參的個數;只取到形參的個數
如果實參個數小於形參個數;多的形參定義爲undefined,結果爲NaN

<script>
		//函數形參實參個數匹配
		function getSum(num1, num2){
			console.log(num1 + num2);
		}
		//1.如果實參個數和形參個數一致  則正常輸出結果
		getSum(1, 2);
		//2.如果實參的個數小於形參的個數
		getSum(1, 2, 3);
		//3.如果實參個數小於形參個數  多餘的參數爲undefined   
		//形參可以看作是不用聲明的變量  num2  是一個變量但是沒有接收值  就是undefined
		getSum(1);  //NaN
</script>
  • 函數的返回值
    有的時候,我們會希望函數將返回值返回給調用者,此時通過使用return語句就可以實現。
<script>
		function getArrMax(arr){//arr接收一個數組
			var max = arr[0];
			for(var i = 1; i < arr.length; i++){
				if(arr[i] > max){
					max = arr[i];
				}
			}
			return max;
		}
		//在我們實際開發裏面,用變量來接收返回結果
		var re = getArrMax([5, 111, 1, 0]);
		console.log(re);
</script>

注意點:(1)return返回函數值,並且具有終止函數的功能,return後面的代碼不會被執行;(2)return只會返回一個值,如果寫了多個值,則返回最後一個值,多個值返回可以考慮用用數組;(3)函數有return,返回return後面的值,如果沒有,就返回undefined;
break、continue、return的區別
break:結束當前循環(如:for、while);
continue:跳出本次循環,繼續執行下次循環(如:for、while);
return:不僅可以退出循環,還能夠返回return語句中的值,同時還可以結束當前的函數體內的代碼;

  • arguments的使用

當我們不確定有多少個參數傳遞的時候,可以用arguments來獲取,在JavaScript中,arguments實際上是它當前函數的一個內置對象,所有函數都內置了一個arguments對象,arguments對象中存儲了傳遞的所有實參。
arguments展示形式是一個僞數組,因此可以進行遍歷,僞數組具有以下特點:
(1)具有length性質
(2)按索引方式存儲數據
(3)不具有數組的push、pop等方法
(4)只有函數有arguments對象,而且是每個函數內置好的

  • 函數的兩種聲明方式
    1.利用函數關鍵字自定義函數(命名函數)
    2.函數表達式(匿名函數)
var 變量名 = function() {};
var fun = function() {
	console.log('我是函數表達式');
	fun();
	//fun是變量名  不是函數名
	//函數表達式聲明方式跟聲明變量差不多,只不過變量裏面存的是值
	//而函數表達式裏面存的是函數
	//函數表達式也可以進行傳遞參數
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章