js函數那點事

要知道，在js中，引用類型是一種數據結構，包含5種引用類型，分別是Object,data,Array,re 請輸入代碼gExp,Function。今天咱們就說Function這種數據結構。

在js種函數其實是對象，每一個函數都是Function類型的實例。和其餘引用類型同樣，都具備屬性和方法。

1. 函數定義有幾種方法

1. 函數聲明語法定義

   function sum(num1,num2){
      return num1+num2;
     }

2. 函數表達式
   注意函數表達式後邊有一個分號；

var sum=function(num1,num2){
      return num1+num2;
}

1. 使用Function 構造函數

   使用構造函數能夠接收任意數量的參數，但最後一個參數始終被當作是函數體，而前面的參數則枚舉出了參數

var sum=new Function("num1","num2","return num1+num2")

固然第三種方法不友好，也不推薦。

函數名僅僅是指向函數的指針，因此函數名與包含對象指針的其餘變量沒有什麼不一樣。也就是說一個函數可能會有多個名字。

在這裏函數聲明和函數表達式有什麼區別呢？
解析器在向執行環境中加載數據的時候，對函數聲明和函數表達式是不同的。解析器首先會讀取函數聲明，而且使得這段函數聲明代碼在任何代碼以前均可調用。這就是咱們平時所說的函數聲明提高。函數表達式不同，他必須等到函數解析器執行到他所在的代碼塊的時候，纔會被真正的執行。比較下面2個例子

console.log(sum(10,10));

function sum(n1,n2){
   return n1+n2;
}

以上代碼會正常執行

再看！

console.log(sum(10,10));

var sum=function(n1,n2){
   return n1+n2;
}

以上執行器就會報錯！

2.函數沒有重載

若是聲明瞭2個同名函數，結果是後面的函數覆蓋了前面的函數。

function sun(a){
  return a+100;
}
function sun(a){
  return a+200;
}

var result=sum(2)//202

3.函數的內部屬性

• 包括this,arguments

  具體再也不敘述了

4.函數的屬性和方法

• 函數有2個屬性，length和prototype

length表示函數但願接收命名參數的個數。

function a(name){
 //todo
}
function b(name,age){
 //todo
}
function c(){
 //todo
}

a.length //1
b.length //2
c.length //0

prototype屬性對於引用類型來講很重要，會有專門講解，此處再也不這贅述。

• 每一個函數都包含2個非繼承的方法 apply,call

這兩個方法的用途都是在特定的做用域中調用函數，其實就是設置函數體內的this指代的值。

首先。apply()方法接收2個參數，一個是函數運行的做用域，另外一個是參數數組，第二個參數能夠是數組的實例，也能夠是arguments.

function sum(num1,num2){
   return num1+num2;
}

function test1(a,b){
    return sum.apply(this,arguments);
}

function test2(c,d){
    return sum.apply(this.[c,d]);
}

console.log(test1(1,1)) //2

console.log(test2(1,1)) //2

call方法和apply方法沒有多大的區別。區別就是call方法的第二個參數必須得傳遞的參數一個個列舉出來。

使用call和apply來擴充做用域最大的好處就是對象不和任何方法耦合