js函數(shù)的那些事(一)

Bamboy 發(fā)布于2019-08-21 10:50 / 2856人閱讀

摘要：不一定有函數(shù)名，所以有匿名函數(shù)表達(dá)式和命名函數(shù)表達(dá)式。引用的是函數(shù)據(jù)以執(zhí)行的環(huán)境對(duì)象。匿名函數(shù)引用函數(shù)作用域內(nèi)的活動(dòng)變量時(shí)，已經(jīng)等于了，所以每個(gè)函數(shù)返回的都是。

文章融合了《JavaScript高級(jí)程序設(shè)計(jì)》的知識(shí)，和這幾天在segmentfault上的文章的知識(shí)點(diǎn)。屬于整合類文章吧。

函數(shù)簡(jiǎn)介

函數(shù)聲明和函數(shù)表達(dá)式

this和argument

閉包

函數(shù)簡(jiǎn)介

函數(shù)實(shí)際上是對(duì)象，所以函數(shù)名實(shí)際上是指向函數(shù)對(duì)象的指針，那么一個(gè)函數(shù)可能有多個(gè)名字。

function sum(num1,num2){
    retrun num1+num2;
}
alert(sum(10,10));  //20

var anotherSum=sum;  //將sum的值賦給了anotherSum，此時(shí)它們都指向同一個(gè)函數(shù)。
alert(anotherSum(10,10));  //20

sum=null;    //將sum設(shè)置為null，使它與函數(shù)“斷絕關(guān)系”
alert(anotherSum(10,10));  //20 ，仍然可以正常調(diào)用。

沒有重載
函數(shù)重載：函數(shù)重載是指在同一作用域內(nèi)，可以有一組具有相同函數(shù)名，不同參數(shù)列表的函數(shù)，這組函數(shù)被稱為重載函數(shù)。js沒有重載的概念，所以如果聲明了兩個(gè)同名函數(shù)，則后面的函數(shù)會(huì)覆蓋前面的函數(shù)。

作為值得函數(shù)
函數(shù)名本身是變量，所以可以作為值來使用。不僅可以像傳遞參數(shù)一樣把一個(gè)函數(shù)傳遞給另一個(gè)函數(shù)，而且可以將一個(gè)函數(shù)作為另一個(gè)函數(shù)的結(jié)果返回。

    //把一個(gè)函數(shù)傳遞給另一個(gè)函數(shù)的例子
    function callFunction(someFunction,someArgument){
        return someFuction(someArgument);
    }
    function add10(num){
        return num+10;
    }
    var result=callFunction(add10,10);  //要訪問函數(shù)的指針而不執(zhí)行函數(shù)的     
    話，要去掉函數(shù)名后的圓括號(hào)。
    alert(result);  //20

函數(shù)聲明和函數(shù)表達(dá)式

定義函數(shù)方法：

首先是函數(shù)聲明： function functionName(){}必須有函數(shù)名。
然后是函數(shù)表達(dá)式，比如：

 var sum = function(num1,num2){
        retrun num1+num2;
    };                      //函數(shù)末尾有分號(hào)，就像聲明其他變量時(shí)一樣。

不一定有函數(shù)名，所以有匿名函數(shù)表達(dá)式和命名函數(shù)表達(dá)式。不過，對(duì)函數(shù)命名后，一是在函數(shù)體內(nèi)會(huì)表達(dá)得更清晰，二則是在調(diào)試的時(shí)候要方便很多。

區(qū)別：
函數(shù)聲明可以在定義前調(diào)用（函數(shù)聲明提升），函數(shù)表達(dá)式不可以（和其他表達(dá)式一樣，使用前必須要賦值）。
函數(shù)聲明只是讓瀏覽器知道有這樣一個(gè)函數(shù)了，不會(huì)運(yùn)行。瀏覽器遇到函數(shù)表達(dá)式會(huì)運(yùn)行。
如果不做函數(shù)聲明的話，一般就不希望被重復(fù)調(diào)用，即很大可能就當(dāng)做立即執(zhí)行函數(shù)使用。
如果函數(shù)體作為表達(dá)式的一部分，那它是函數(shù)表達(dá)式，否則為函數(shù)聲明。

this和arguments

在函數(shù)內(nèi)部有兩個(gè)特殊的對(duì)象：arguments和this。
arguments是一個(gè)類數(shù)組對(duì)象，包含傳入函數(shù)的所有參數(shù)。主要作用就是保存函數(shù)參數(shù)。
arguments有一個(gè)callee屬性，該屬性是一個(gè)指針，指向擁有arguments對(duì)象的函數(shù)。
例子：

function factorial(num){
    if(num<=1){
      return 1;
    }else{
      return num*factorial(num-1);
    }
}

在函數(shù)factorial中調(diào)用了他本身，但是如果要是將函數(shù)賦值給別的變量，那就不能正常運(yùn)行了。如果是下面的代碼：

 function factorial(num){
        if(num<=1){
          return 1;
        }else{
          return num*arguments.callee(num-1);
        }
    }

這樣，不管調(diào)用函數(shù)時(shí)使用什么名字，都可以保證正常完成遞歸調(diào)用。
this:
this引用的是函數(shù)據(jù)以執(zhí)行的環(huán)境對(duì)象。

函數(shù)調(diào)用模式時(shí)，this指向window。

方法調(diào)用模式時(shí)，this指向方法所在對(duì)象。

wiondow.color="red";
var o={color:"blue"};
function sayColor(){
     alert(this.color);
}
sayColor();    //"red" 
o.sayColor=sayColor;
o.saColor();   //"blue"

構(gòu)造函數(shù)模式時(shí)，this指向新生成的實(shí)例。

    function Aaa(name){
      this.name= name;
      this.getName=function(){
        console.log(this.name)
      }
    }
    var a = new Aaa("kitty");
    a.getName()        //  "kitty"
    var b = new Aaa("bobo");
    b.getName()        //  "bobo"

apply/call調(diào)用模式時(shí)，this指向apply/call方法中的第一個(gè)參數(shù)。

   var list1 = {name:"andy"}
   var list2 = {name:"peter"}
   
   function d(){
     console.log(this.name)
   }
   d.call(list1)     //  "andy" 
   d.call(list2)     //  "peter"

閉包

概念：是指有權(quán)訪問另一個(gè)函數(shù)作用域中變量的函數(shù)。
創(chuàng)建閉包方法：在一個(gè)函數(shù)內(nèi)部創(chuàng)建另一個(gè)函數(shù)。

特征：

可以訪問外部函數(shù)的變量。

比較占內(nèi)存。因?yàn)殚]包會(huì)攜帶包含他的函數(shù)的作用域，在閉包被銷毀后外部函數(shù)的活動(dòng)變量才會(huì)被銷毀。
（ps：關(guān)于活動(dòng)變量知乎上這個(gè)問題的第二個(gè)答案寫的非常非常好?。?/p>

閉包只能取得外部函數(shù)中任何變量的最后一個(gè)值。所以要注意閉包和循環(huán)的使用：

   function foo(){
   var result=new Array();
   for (var i=0;i<10;i++){
       result[i]=function(){
           return i;
       };
   }
   return result;

}
返回了一個(gè)函數(shù)數(shù)組，每個(gè)函數(shù)都返回10。因?yàn)檫\(yùn)行foo()函數(shù)的順序是這樣的：先運(yùn)行foo()函數(shù)除了匿名函數(shù)之外的部分，完成后，再運(yùn)行匿名函數(shù)。這時(shí)候for循環(huán)已經(jīng)完成了，i變成了10。匿名函數(shù)引用foo()函數(shù)作用域內(nèi)的活動(dòng)變量i時(shí)，i已經(jīng)等于10了，所以每個(gè)函數(shù)返回的都是10。

改進(jìn)：

function foo(){
        var result=new Array();
        for (var i=0;i<10;i++){
            result[i]=function(num){
                return function(){
                  return num;
                };
            }(i);
        }
        return result;
    }

模仿塊級(jí)作用域的方法。在調(diào)用外部的匿名函數(shù)時(shí)，傳入?yún)?shù)i，變量i的值賦給num，在外部匿名函數(shù)內(nèi)部的閉包，訪問的是numresult數(shù)組的每個(gè)函數(shù)都有自己num變量的一個(gè)副本，就可以返回各自不同的值