首頁 > web前端 > js教程 > js函數需要掌握的知識

js函數需要掌握的知識

小云云
發布: 2018-02-28 14:31:13
原創
1083 人瀏覽過

要知道,在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來擴充作用域最大的好處就是物件不和任何方法耦合。

相關推薦:

JS函數實例詳解

js函數的按值傳遞參數

js函數的呼叫及有關隱式參數arguments和this的問題

#

以上是js函數需要掌握的知識的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板