javascript
JS函数初步
<!DOCTYPE html>
<html>
????????<head>
????????????????<meta charset="utf-8">
????????????????<title>JS函數初步</title>
????????</head>
????????<body>
????????????????<script type="text/javascript">
????????????????????????/*
????????????????????????1、JS中的函數:等同于java語言中的方法,也是一段可以被重復利用的代碼片
????????????????????????????????段,都是可以完成某個特定功能的。
????????????????????????2、回顧java中的方法:
????????????????????????????????[修飾符列表] 返回值類型 方法名(形式參數列表){
????????????????????????????????????????方法體
????????????????????????????????}
????????????????????????????????例如:
????????????????????????????????public static boolean login(String username,String password){
????????????????????????????????????????if(){
????????????????????????????????????????????????...
????????????????????????????????????????????????return true;
????????????????????????????????????????}
????????????????????????????????????????return false;
????????????????????????????????}
????????????????????????????????方法放調用:boolean loginSuccess = login("admin","123");
????????????????????????3、JS是弱類型編程語言,函數的定義如下所示:
????????????????????????????????語法格式:
????????????????????????????????????????第一種方式:
????????????????????????????????????????????????function 函數名(形式參數列表){
????????????????????????????????????????????????????????函數體;
????????????????????????????????????????????????}
????????????????????????????????????????第二種方式:
????????????????????????????????????????函數名 = function(形式參數列表){
????????????????????????????????????????????????函數體;
????????????????????????????????????????}
????????????????????????????????????????JS中的函數不需要指定返回值類型,返回什么類型都行。
????????????????????????4、函數必須調用才能執行,不調用是不會執行的。
????????????????????????5、JS當中的函數在調用的時候,參數類型沒有限制,參數的個數也沒有限制,很隨意。
?
????????????????????????6、在JS當中,函數的名字不能重復,當函數重名的時候,后面聲明的函數會將之前聲明的同名函數覆蓋。
????????????????????????*/
????????????????????????//用第一種方式定義一個函數
?? ?????????????????????function sum(a,b){//a和b都是局部變量,他們都是形參(a和b都是變量名,變量名隨意)
?? ?????????????????????????????alert(a + b);
????????????????????????}
?? ?????????????????????//函數必須調用才能執行,不調用是不會執行的。
? ? ? ? ? ? ? ? ? ? ? ? sum(10,2.1);
??
?? ?????????????????????//用第二種方式定義一個函數
?? ?????????????????????sayHello = function(username){
?? ?????????????????????????????alert("hello " + username);
????????????????????????}
?? ?????????????????????//調用函數
?? ?????????????????????sayHello("張三");
????????????????????????//調用函數sum
? ? ? ? ? ? ? ? ? ? ? ? var retValue1 = sum(1,2);
????????????????????????alert(retValue1);//3
????????????????????????//下行代碼的"jack"賦值給了第一個形參a,第二個形參b沒有手動賦值,系統默認賦值undefined。進行了字符串拼接
????????????????????????var retValue2 = sum("jack");alert(retValue2);//jackundefined
????????????????????????var retValue3 = sum();//兩個形參都沒有賦值
????????????????????????alert(retValue3);//NaN??????? ?NaN的意思是:"不是一個數字(Not a Number)"
????????????????????????var retValue4 = sum(1,2,3);//這里的1賦值給了a,2賦值給了b,第三實參沒有意義。
????????????????????????alert(retValue4);//3
? ? ? ? ? ? ? ? ? ? ? ? //定義一個函數test
????????????????????????function test(username){
????????????????????????????????alert("test");
????????????????????????}
????????????????????????//下面再次定義一個同名函數test
????????????????????????function test(){
????????????????????????????????alert("test …...");
????????????????????????}
????????????????????????//調用函數test
????????????????????????text1("jack");//執行結果:test……???? 原因:這里調用的是第二個test函數,因為第一個test函數被覆蓋掉了。
????????????????</script>
????????????????<input type="button" value="hello" οnclick="sayHello('jack');" />
????????????????<input type="button" value="10 + 156.6 = ?" οnclick="sum(10,156.6);"/>
????????</body>
</html>
總結
- 上一篇: python+requests+beau
- 下一篇: 大众小众