韓順平 javascript教學視頻_學習筆記7_js自定義函數

javascript——函數


目標
  1. 充分理解函數的概念
  2. 能熟練的自定義函數
  3. 掌握js中常用的系統函數

函數的概念:
爲完成某一個功能的程序指令(語句)的集合,稱爲函數。

在js中,函數分爲:自定義函數和系統函數(經常查看js幫助手冊)

函數可以提高代碼的複用率,對於具有某一功能的代碼段,將其寫成函數,就可以在很多地方直接使用該函數,而不需要重複書寫這一段代碼

函數的基本語法

function 函數名(參數列表){
 
     //代碼…
 
     return 值;//可以選擇
}


例如下面的代碼,將兩個數的計算寫成函數形式,這樣在該代碼下面如果需要再次進行計算就可以直接調用該函數

<html>  
	<head>  
		<script language="javascript">  
			//輸入兩個數,再輸入一個運算符(+_*/),得到結果  
			var num1=window.prompt("請輸入第一個num");  
			var num2=window.prompt("請輸入第二個num");  
			var operator=window.prompt("請輸入運算符");  
  
			num1=parseFloat(num1);  
			num2=parseFloat(num2);  
  
			//如何調用函數  
  
			document.writeln("res="+jsSuan(num1,num2,operator));  
			//自定義函數  
			function jsSuan(num1,num2,operator){ //特別強調 參數名請不要帶var  
			      var res=0;  
			      if(operator=="+"){  
				      res=num1+num2;  
			      }else if(operator=="-"){  
				      res=num1-num2;  
			      }else if(operator=="*"){  
				      res=num1*num2;  
			      }else{  
				      res=num1/num2;  
			      }  

			      return res; //返回  
			}  
			  
		</script>  
	</head>  
	<body></body>  
</html>  


思考:像上面代碼中的計算函數,只能在這個html文件中使用,那麼如果想在其他的html文件中使用怎麼辦呢?

可以將上面的函數單獨寫在一個js文件中,然後就可以在其他多個文件中使用這個函數了

首先說明:這個js文件應該在其他文件中引用或聲明,這樣其他文件在使用時才能找到這個函數

比如下面的例子:

先寫一個myfuns.js 

function jsSuan(num1,num2,operator){ //特別強調 參數名請不要帶var  
    
	var res=0; 
	
	if(operator=="+"){  
		res=num1+num2;  
	}else if(operator=="-"){  
		res=num1-num2;  
	}else if(operator=="*"){  
		res=num1*num2;  
	}else{  
		res=num1/num2;  
	}  
	
	return res; //返回  
}  


再寫一個html代碼,如下

<html>  
	<head>  
		<script language="javascript" src="myfuns.js"></script>  
		<script language="javascript">  
			//輸入兩個數,再輸入一個運算符(+_*/),得到結果  
			var num1=window.prompt("請輸入第一個num");  
			var num2=window.prompt("請輸入第二個num");  
			var operator=window.prompt("請輸入運算符");  
  
			num1=parseFloat(num1);  
			num2=parseFloat(num2);  
  
			document.writeln("res="+jsSuan(num1,num2,operator));  
		</script>  
	</head>  
	<body></body>  
</html>  


注意:在上面代碼的第三行:
<script language="javascript" src="myfuns.js"></script>  

這一行代碼就是在此 html 文件中引入了 myfuns.js 文件,這樣才能在調用這個函數的時候識別這個函數

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章