總結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;
}
使用Function 構造函數
使用構造函數可以接收任意數量的參數,但最后一個參數始終被看成是函數體,而前面的參數則枚舉出了參數
var sum=new Function("num1","num2","return num1+num2")
當然第三種方法不友好,也不推薦。
函數名僅僅是指向函數的指針,所以函數名與包含對象指針的其他變量沒有什么不同。也就是說一個函數可能會有多個名字。
在這里函數聲明和函數表達式有什么區(qū)別呢?
解析器在向執(zhí)行環(huán)境中加載數據的時候,對函數聲明和函數表達式是不一樣的。解析器首先會讀取函數聲明,并且使得這段函數聲明代碼在任何代碼之前都可調用。這就是我們平時所說的函數聲明提升。函數表達式不一樣,他必須等到函數解析器執(zhí)行到他所在的代碼塊的時候,才會被真正的執(zhí)行。比較下面2個例子
console.log(sum(10,10));
function sum(n1,n2){
return n1+n2;
}
以上代碼會正常執(zhí)行
再看!
console.log(sum(10,10));
var sum=function(n1,n2){
return n1+n2;
}
以上執(zhí)行器就會報錯!
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方法沒有多大的區(qū)別。區(qū)別就是call方法的第二個參數必須得傳遞的參數一個個列舉出來。
使用call和apply來擴充作用域最大的好處就是對象不和任何方法耦合
相關文章
JavaScript中的toLocaleLowerCase()方法使用詳解
這篇文章主要介紹了JavaScript中的toLocaleLowerCase()方法使用詳解,是JS入門學習中的基礎知識,需要的朋友可以參考下2015-06-06
javascript?DOM?querySelectorAll()?使用方法
querySelectorAll()?方法返回文檔中匹配指定?CSS?選擇器的所有元素,返回?NodeList?對象,一般用來獲取指定id火class下的所有節(jié)點2023-06-06

