這篇文章給大家簡單分析了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")
當然第三種方法不友好,也不推薦。
函數名稱只是指向函數的指針,所以函數名稱與包含物件指標的其他變數沒有什麼不同。也就是說一個函數可能會有多個名字。
在這裡函數宣告和函數表達式有什麼差別呢?
解析器在向執行環境中載入資料的時候,對函數宣告和函數表達式是不一樣的。解析器首先會讀取函數聲明,並且使得這段函數聲明程式碼在任何程式碼之前都可呼叫。這就是我們平時所說的函數宣告提升。函數表達式不一樣,他必須等到函數解析器執行到他所在的程式碼區塊的時候,才會被真正的執行。比較下面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來擴充作用域最大的好處就是物件不和任何方法耦合
上面是我整理給大家的,希望今後會對大家有幫助。
相關文章:
在vue.js中如何取得select中的value值(詳細教學)
#以上是詳細解讀在js函數相關內容的詳細內容。更多資訊請關注PHP中文網其他相關文章!