javascript基礎（函式）（十四）

厚積薄發2017發表於2017-02-08
JavaScript函式

1.函式簡介及建立：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
		
			/*
			 * 函式（function）
			 * 	- 函式也是一個物件，具有Object的所有的功能
			 * 	- 不同是的函式物件可以儲存一些可執行的程式碼，並且在需要的時候可以呼叫這些程式碼
			 */
			
			//建立一個函式物件
			//建立函式物件時，可以在建構函式中傳遞一個字串作為引數
			//這個字元中可以儲存一些js程式碼
			///var fun = new Function("alert('我是函式中的程式碼');");
			
			//使用typeof檢查一個函式物件時，會返回function
			//console.log(typeof fun);
			
			//fun.hello = "你好";
			
			//console.log(fun);
			
			//如果需要函式中的程式碼執行，則需要對函式進行呼叫
			//語法：函式物件+()
			/*fun();
			fun();*/
			
			/*
			 * 建立函式的方式一：
			 * 		- 使用函式宣告來建立一個函式
			 * 		- 語法：
			 * 			function 函式的名字([形參1,形參2,...形參n]){
			 * 				語句...
			 * 			}
			 */
			
			//建立一個函式
			function fun(){
				console.log("語句一");
				console.log("語句二");
				console.log("語句三");
			}
			
			//console.log(typeof fun);
			
			//呼叫函式
			/*fun();
			fun();
			fun();*/
			
			/*
			 * 建立函式的方式二：
			 * 	- 使用函式表示式來建立一個函式
			 * 	- 語法:
			 * 		var 變數 = function([形參1,形參2,...形參n]){
			 * 			語句...
			 * 		};
			 */
			
			var fun2 = function(){
				alert("我是又一個函式");
			};
			
			
			//console.log(typeof fun2);
			fun2();
			
			
			
			
			
		</script>
	</head>
	<body>
	</body>
</html>
2.例子：建立一個可以求任意兩個數和的函式 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			//建立一個可以求任意兩個數和的函式
			/*
			 * 在定義函式時，可以在()中來指定數量不等的形參(形式引數)
			 * 	多個形參之間使用,隔開
			 * 
			 * 在函式中定義形參，就相當於在函式中宣告瞭兩個變數，但是並不賦值
			 */
			function sum(a , b){
				
				/*console.log(a + b);*/
				
				console.log("a = "+a);
				console.log("b = "+b);
				
				//b();
				
			}
			
			/*
			 * 在呼叫函式時，可以指定實參（實際引數），
			 * 	和形參類似，我們也可以傳遞多個實參，多個實參之間使用,隔開
			 * 	實參會賦值給對應的形參，第一個實參賦值個第一個形參 第二個實參賦值給第二個形參。。。
			 */
			/*sum(123 , 456);
			sum(1,5);
			sum(12345,56789);*/
			
			/*
			 * JS函式在呼叫時，解析器（瀏覽器）不會去檢查形參的型別和個數
			 * 	- 也可以傳遞任意數量的實參
			 * 		- 如果實參的數量小於形參，則沒有對應實參的形參將會使undefined
			 * 		- 如果實參的數量大於形參，則多餘的實參不會使用
			 * 	- 可以傳遞任意型別的實參
			 * 		- 實參可以是任意的資料型別，也可以是一個物件
			 * 		- 也可以是一個函式
			 * 		
			 * 
			 */
			//sum(123,456,789,579);
			
			
			sum({name:"小紅"}, function(){
				alert("hello");
			} );
			
			
		</script>
	</head>
	<body>
	</body>
</html>

3.函式返回值： 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			//定義一個函式，可以求任意三個數的和
			function sum(a , b , c){
				//console.log(a + b + c);
				var d = a + b + c;
				
				/*
				 * 返回值
				 * 	 - 返回值簡單來說就是函式的執行結果
				 *   - 我們可以通過return來設定函式的返回值
				 * 	 - 語法：return 值;
				 * 		return後的程式碼將不會執行
				 * 	 - 函式的返回值可以是任意的資料型別
				 * 		也可以是一個物件，也可以是一個函式
				 * 	 - 如果return後不寫值或者不寫return，則相當於 return undefined;	
				 */
				
				//return {name:"孫悟空"};
				
				//alert("函式執行了~~~");
				
				/*return function(){
					alert("我是返回的函式~~~~");
				};*/
				
				return ;
				
			}
			
			/*
			 * 在呼叫函式時，我們可以定義一個變數來接收函式的返回值
			 */
			var result = sum(10,20,30);
			
			//console.log(result);
			//result();
			
			var str = "123px";
			
			var r = parseInt(str);
			
			r = alert("hhhh");
			
			console.log("r = "+r);
			
			
		</script>
	</head>
	<body>
	</body>
</html>

4.呼叫函式： 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			//建立一個函式
			function fun(){
				//建立一個5次的for迴圈
				for(var i=0 ; i<5 ; i++){
					
					if(i == 2){
						//continue可以跳過當次迴圈
						//continue;
						
						//break可以用來退出迴圈
						//break;
						
						//return可以用來立即結束函式
						return;
						
					}
					
					console.log("i = "+i);
				}
				
				console.log("我在for迴圈外部執行");
			}
			
			//呼叫函式
			fun();
			
		</script>
	</head>
	<body>
	</body>
</html>




相關文章