JS函數 -- 功能，語法，返回值，匿名函數，自調用匿名函數，全局變量與局部變量，arguments的使用

“JavaScript設計得最出色的就是它的函數的實現。” -- 《JavaScript語言精粹》

函數包含一組語句，它們是JS的基礎模塊單元，用於指定對象的行為。一般來說，所謂編程，就是將一組需求分解成一組函數與數據結構的技能。

1.函數的功能

代碼重復性使用

模塊化編程

2.語法：

使用函數前要先定義才能使用

函數定義有三個部分：函數名，參數列表，函數體

格式：

function 函數名([參數1, 參數2, ...]){

　　函數執行部分;

　　return 表達式;

}

例如：

<script>
    function display(first,second){
        alert(first+second);
    }
    var i=10;
    var j=20;
    display(i,j);
</script>

在上面這個例子當中，first，second是形參，i，j是實參。

在函數執行過程中，形參值得改變不會影響實參。（按值傳遞）

但是對象數據類型，是按引用傳遞（按地址傳遞），其他數據類型都是按值傳遞。

比如，下面的例子，運行的結果是“aaa”

<script>
    function display(obj){
        obj.name='aaa';
    }
    var p= new Object();
    p.name = 'bbb';
    display(p);
    alert(p.name);
</script>

3.關於函數的返回值問題

函數遇到return會立即返回，后面代碼不執行。

4.關於匿名函數

在JS當中每一個變量，包括函數都算是一個對象，都占據了內存地址。函數也是一種對象，占據了內存地址。內存包括，堆內存，棧內存，靜態區和代碼段。一般來說，變量名保存到棧內存中，變量對象的數據保存帶堆內存當中。因為堆比棧大，但棧比堆快。函數會保存到內存當中的代碼段中。代碼段中的數據的引用是通過棧內存中的一個名字指向的。

<script>
    //變量是可以保存數據的，也可以保存地址的
    var i=10;
    alert(i);
    
    function display(){
        alert('123');
    }
    
    i=display; //變量指向了這個函數的首地址
    i(); //彈出123
</script>

在上面這個例子中，function display(){} 其實是，在window對象下添加一個叫display的變量，它指向了這個函數的首地址。其中i=dispaly的意思就是，我們讓window對象下的i指向這個函數的首地址。

匿名函數的用法

<script>
    //匿名函數的前期
    var i=function display(){
        alert('123');
    }
    i();
    
    //匿名函數的用法
    var j=function(){
        alert('123');
    }
    j();
</script>

5.自調用匿名函數

格式： (function(){})();

function(){} : 相當於返回首地址

(function(){}) : 把這部分看作是一個整體

(function(){})() : 相當於找到這個地址並執行

<script>
    //自調用匿名函數
    (function(){
        alert('111');
    })();
    
    //帶參數的自調用匿名函數
    (function(para){
        alert(para);
    })(222);    
</script>

自調用匿名函數的好處是，避免重名，自調用匿名函數只會在運行時執行一次，一般用於初始化。

 6.全局變量與局部變量

<script>
    i=10;            //全局變量
    var j=20;        //全局變量
    function display(){
        var k=30;    //局部變量
        P=40;        //全局變量
    }
</script>

在函數內定義的就是局部的，否則就是全局的。局部變量只在局部作用域起作用。如果函數內的變量沒有var聲明，會直接影響全局的。

機制：在JS中，如果某個變量沒有var聲明，會自動到上一層作用域中去找這個變量的聲明語句，如果找到，就使用，如果沒找到，繼續向上查找，一直查找到全局作用域為止。如果全局中仍然沒有這個變量的聲明語句，那么會自動在全局作用域進行聲明，這個就是JS中的作用域鏈。

局部訪問全局通過作用域鏈，全局訪問局部要通過閉包。

7.arguments的使用

在一個函數內部，可以使用arguments屬性，它表示函數的形參列表，是以數組形式體現的。

在定義一個函數的時候，它的實參個數必須要與形參個數保持一致，有時，我們定義函數時，形參數目不能固定，這個時候就要使用arguments。

<script>
    function showname(){
        //沒有定義形參，那么所有形參會自動存放到arguments這個屬性數組中
        for(var i=0;i<arguments.length;i++){
            document.write(arguments[i] + '<br>');
        }
    }
    showname('zhangsan','lisi','wangwu');
</script>

沒有定義形參，那么所有形參會自動存放到arguments這個屬性數組中。