javascript中Function類型詳解

更新時間：2015年04月28日 08:58:42 投稿：hebedich

這篇文章主要介紹了javascript中Function類型詳解的相關(guān)資料,需要的朋友可以參考下

Function 類型

　　function類型，毋庸置疑是js中相當重要的一個玩意。

　　1.這玩意首先是一個對象，也就是說它是一個引用類型。陳述：一聽說是對象，是不是很有一種它的基類是object對象錯覺感，No，

它和object是獨立的2個東西。當你typeof function 時，返回的是 funciton 并非 object

　　2.每個函數(shù)都是 Function 對象的一個實例，它與其他引用對象一樣具有屬性和方法。由于它是對象所以函數(shù)名是指向函數(shù)對象的指針

關(guān)于函數(shù)的聲明的語法支持：

<script>

  //方式1
  function fun(num1,num2){
    return num1+num2;
  }
  
  //方式2
  var fun=function(num1,num2){
    return num1+num2;
  };

  //方式3
  var fun=new Function("n1","n2","return n1+n2");
  
</script>

講解：3種方式都能完成一個函數(shù)的聲明，但各有不同。

方式1 理解為一個函數(shù)的聲明，方式2，方式3理解為函數(shù)表達式。(方式3不推薦使用，原因會導致解析2次代碼，先解釋常規(guī)ECMAScript代碼，在解釋傳入的參數(shù)，這種

寫法，參數(shù)可以是N個，但是最后一個參數(shù)視為函數(shù)主體)

為什么說不同，主要在于，js解析器對函數(shù)聲明和函數(shù)表達式解析的不同。解析器會優(yōu)先讀取函數(shù)申明，js引擎在執(zhí)行時會將函數(shù)聲明自動放到執(zhí)行環(huán)境的最頂端。

而函數(shù)表達式則不同，當執(zhí)行到函數(shù)表達式時，才會真正去被解釋執(zhí)行。關(guān)于這點理解很重要！

看代碼

<script>
  console.log(typeof fun); //"function"
  console.log(typeof fun2); //"undefined"
  console.log(typeof fun3); //"undefined"
  function fun(n1,n2){
   return n1+n2;
  }
  var fun2=function(n1,n2){
   return n1+n2;
  }
  var fun3=new Function("n1","n2","return n1+n2;");
 </script>

　　3.為什么函數(shù)沒有重載？

　　這個問題要從js的語言特性來考慮。在第2條已經(jīng)說了，函數(shù)名稱只是指向函數(shù)對象的一個指針。根據(jù)指針的概念去理解就清楚了。

　　看代碼示例：

<script>
  function fun(n1){
   return n1+100;
  }
  function fun(n1){
   return n1+200;
  }
  console.log(fun(1));// 201 
  
  //以上寫法在解析后應(yīng)為
  
  var fun=function(n1){
    return n1+100;
  }
  fun=function(n1){
   return n1+200;
  }
  
  // fun 的引用被覆蓋了
  console.log(fun(1));// 201 
 </script>

今天就寫到這，都是寫基本概念，希望對這塊有盲點的起到幫助！有什么需要指正的地方，希望各位霸氣留言指正。

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章: