標籤:結果 作用 ret 語句 orm 變數 點擊事件 按鈕 檔案
什麼是函數
函數的作用,可以寫一次代碼,然後反覆地重用這個代碼。
定義函數
function 函數名( )
{
函數體;
}
function定義函數的關鍵字,“函數名”你為函數取的名字,“函數體”替換為完成特定功能的代碼。
我們完成對兩個數求和並顯示結果的功能。並給函數起個有意義的名字:“add2”,代碼如下:
<script type="text/javascript">
function add2(){
sum = 3 + 2;
alert(sum);
}
?add2();</script>
函數調用
函數定義好後,是不能自動執行的,需要調用它,直接在需要的位置寫函數名。
第一種情況:在<script>標籤內調用。
<script type="text/javascript">
function add2()
{
sum = 1 + 1;
alert(sum);
}
add2();//調用函數,直接寫函數名。</SCRIPT>
第二種情況:在HTML檔案中調用,如通過點擊按鈕後調用定義好的函數。
<html>
<head>
<script type="text/javascript">
function add2()
{
sum = 5 + 6;
alert(sum);
}
</script>
</head>
<body>
<form>
<input type="button" value="click it" onclick="add2()"> //按鈕,onclick點擊事件,直接寫函數名
</form>
</body>
有參數的函數
上節中add2()函數不能實現任意指定兩數相加。其實,定義函數還可以如下格式:
function 函數名(參數1,參數2)
{
函數代碼
}
注意:參數可以多個,根據需要增減參數個數。參數之間用(逗號,)隔開。
按照這個格式,函數實現任意兩個數的和應該寫成:
function add2(x,y)
{
sum = x + y;
document.write(sum);
}
x和y則是函數的兩個參數,調用函數的時候,我們可通過這兩個參數把兩個實際的加數傳遞給函數了。
例如,add2(3,4)會求3+4的和,add2(60,20)則會求出60和20的和。
傳回值的函數
思考:上一節函數中,通過"document.write"把結果輸出來,如果想對函數的結果進行處理怎麼辦呢?
我們只要把"document.write(sum)"這行改成如下代碼:
function add2(x,y)
{
sum = x + y;
return sum; //返回函數值,return後面的值叫做傳回值。
}
還可以通過變數儲存調用函數的傳回值,代碼如下:
result = add2(3,4);//語句執行後,result變數中的值為7。
注意:函數中參數和傳回值不只是數字,還可以是字串等其它類型。
JS4函數(方法function)