要知道，在js中，引用類型是一種數(shù)據(jù)結(jié)構(gòu)，包含5種引用類型，分別是Object,data,Array,re請(qǐng)輸入代碼gExp,Function。今天我們就說(shuō)Function這種數(shù)據(jù)結(jié)構(gòu)。

在js種函數(shù)實(shí)際上是對(duì)象，每個(gè)函數(shù)都是Function類型的實(shí)例。和其他引用類型一樣，都具有屬性和方法。

1. 函數(shù)定義有幾種方法

1）函數(shù)聲明語(yǔ)法定義

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

2）函數(shù)表達(dá)式

注意函數(shù)表達(dá)式后邊有一個(gè)分號(hào)；

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

使用Function 構(gòu)造函數(shù)

使用構(gòu)造函數(shù)可以接收任意數(shù)量的參數(shù)，但最后一個(gè)參數(shù)始終被看成是函數(shù)體，而前面的參數(shù)則枚舉出了參數(shù)

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

當(dāng)然第三種方法不友好，也不推薦。

函數(shù)名僅僅是指向函數(shù)的指針，所以函數(shù)名與包含對(duì)象指針的其他變量沒(méi)有什么不同。也就是說(shuō)一個(gè)函數(shù)可能會(huì)有多個(gè)名字。
在這里函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別呢？

解析器在向執(zhí)行環(huán)境中加載數(shù)據(jù)的時(shí)候，對(duì)函數(shù)聲明和函數(shù)表達(dá)式是不一樣的。解析器首先會(huì)讀取函數(shù)聲明，并且使得這段函數(shù)聲明代碼在任何代碼之前都可調(diào)用。這就是我們平時(shí)所說(shuō)的函數(shù)聲明提升。函數(shù)表達(dá)式不一樣，他必須等到函數(shù)解析器執(zhí)行到他所在的代碼塊的時(shí)候，才會(huì)被真正的執(zhí)行。比較下面2個(gè)例子

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

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

以上代碼會(huì)正常執(zhí)行

再看！

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

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

以上執(zhí)行器就會(huì)報(bào)錯(cuò)！

2.函數(shù)沒(méi)有重載

如果聲明了2個(gè)同名函數(shù)，結(jié)果是后面的函數(shù)覆蓋了前面的函數(shù)。

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

var result=sum(2)//202

3.函數(shù)的內(nèi)部屬性

包括this,arguments

具體不再敘述了

4.函數(shù)的屬性和方法

函數(shù)有2個(gè)屬性，length和prototype

length表示函數(shù)希望接收命名參數(shù)的個(gè)數(shù)。

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

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

prototype屬性對(duì)于引用類型來(lái)說(shuō)很重要，會(huì)有專門講解，此處不再這贅述。

每個(gè)函數(shù)都包含2個(gè)非繼承的方法 apply,call

這兩個(gè)方法的用途都是在特定的作用域中調(diào)用函數(shù)，其實(shí)就是設(shè)置函數(shù)體內(nèi)的this指代的值。

首先。apply()方法接收2個(gè)參數(shù)，一個(gè)是函數(shù)運(yùn)行的作用域，另一個(gè)是參數(shù)數(shù)組，第二個(gè)參數(shù)可以是數(shù)組的實(shí)例，也可以是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方法沒(méi)有多大的區(qū)別。區(qū)別就是call方法的第二個(gè)參數(shù)必須得傳遞的參數(shù)一個(gè)個(gè)列舉出來(lái)。

使用call和apply來(lái)擴(kuò)充作用域最大的好處就是對(duì)象不和任何方法耦合

最新評(píng)論