Javascript函數詳解

一、導入

函數是定義一次但卻可以調用或執行任意多次的一段JS代碼。函數有時會有參數，即函數被調用時指定了值的局部變量。函數常常使用這些參數來計算一個返回值，這個值也成為函數調用表達式的值。

二、知識要點

1．函數的定義與執行

定義

function 函數名([參數 1,參數 2,參數 3,...]){
    //函數執行語句;
}

執行：函數必需調用才能執行，如果在定義函數的時候指定了參數，在調用的時候一般都需要給參數賦值。定義時所指定的參數，就相當于變量，叫做形參；調用的時候就需要給這些變量(參數)賦值，叫做實參。函數名([參數 1,參數 2,參數 3,...])

2．函數的返回值

function myFn(){
    return 'abc';
}
document.write(myFn());

3．arguments 對象

ECMAScript 函數不介意傳遞進來多少參數，也不會因為參數不統一而錯誤。實際上，函數體內可以通過 arguments 對象來接收傳遞進來的參數。

需求：編寫函數計算 1+2+3+4+5、1+2+3、1+2 的和。

體驗：

function mycalc(){
    for(i=0;i<=arguments.length;i++){
        document.wirte(arguments[i]+'<br>');
    }
}

4．變量的作用域

全局變量可以在程序的任何地方調用，局部變量只能作用于當前語句塊內部。如：

var i=100;//在函數外定義的變量，是“全局變量”
document.write(i+'<br>');//100
function fn1(){
    document.write(i+'<br>');//100
    //在函數體外部定義的變量，在函數體中可以直接使用
}
fn1();
document.write(i+'<hr>');//100
function fn2(){
    i=12;
    document.write(i+'<br>');//12
}
fn2();
document.write(i+'<hr>');//12
function fn3(){
    var i=99;//通過 var 重新定義變量 i，這個 i 是在函數內部定義的，是“局部變量”，只作用于當前函數體
    document.write(i+'<br>');//99
    function fn(){
        document.write(i+'<br>');//99
    }
    fn();
}
fn3();
document.write(i+'<hr>');//12

目的與要求

通過本章的學習，讓同學們理解函數的作用、能編寫函數實現各種需求。 

練習

1、編寫一個函數計算任意數的階乘，然后利用它求1、2、3、4、5的階乘分別是多少，并輸出。

2、編寫函數，計算任意個數字的連加。

3、編寫函數，計算下列算式的結果：a、(1+3+7+5)*(100-55-23-1)   b、(1+3)/(1+5+7+9+11)   c、(1-2-3)/(100-55)

三、總結

函數是所有程序設計語言當中非常重要的一個功能，函數的運用可以大大簡化程序，并讓程序最大限度的重復使用，大家需要好好理解并熟練使用，今后在編寫程序的時候盡可能地使用函數來完成。

© 致遠 2020-02-19，原創內容，轉載請注明出錯：Javascript函數詳解