這篇文章主要介紹了ES5中箭頭函數(shù)是什么，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供昆山網(wǎng)站建設(shè)、昆山做網(wǎng)站、昆山網(wǎng)站設(shè)計、昆山網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、昆山企業(yè)網(wǎng)站模板建站服務(wù)，十年昆山做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

什么是箭頭函數(shù)？

箭頭函數(shù)表達式的語法比函數(shù)表達式更簡潔，并且沒有自己的this，arguments，super或new.target。箭頭函數(shù)表達式更適用于那些本來需要匿名函數(shù)的地方，并且它不能用作構(gòu)造函數(shù)。

//ES5 Versionvar getCurrentDate = function (){
  return new Date();}
  //ES6 Versionconst getCurrentDate = () => new Date();

在本例中，ES5 版本中有function(){}聲明和return關(guān)鍵字，這兩個關(guān)鍵字分別是創(chuàng)建函數(shù)和返回值所需要的。在箭頭函數(shù)版本中，我們只需要()括號，不需要 return 語句，因為如果我們只有一個表達式或值需要返回，箭頭函數(shù)就會有一個隱式的返回。

//ES5 Versionfunction greet(name) {
  return 'Hello ' + name + '!';}
  //ES6 Versionconst greet = (name) => `Hello ${name}`;
  const greet2 = name => `Hello ${name}`;

我們還可以在箭頭函數(shù)中使用與函數(shù)表達式和函數(shù)聲明相同的參數(shù)。如果我們在一個箭頭函數(shù)中有一個參數(shù)，則可以省略括號。

const getArgs = () => argumentsconst getArgs2 = (...rest) => rest

箭頭函數(shù)不能訪問arguments對象。所以調(diào)用第一個getArgs函數(shù)會拋出一個錯誤。相反，我們可以使用rest參數(shù)來獲得在箭頭函數(shù)中傳遞的所有參數(shù)。

const data = {
  result: 0,
  nums: [1, 2, 3, 4, 5],
  computeResult() {
    // 這里的“this”指的是“data”對象
    const addAll = () => {
      return this.nums.reduce((total, cur) => total + cur, 0)
    };
    this.result = addAll();
  }};

箭頭函數(shù)沒有自己的this值。它捕獲詞法作用域函數(shù)的this值，在此示例中，addAll函數(shù)將復(fù)制computeResult 方法中的this值，如果我們在全局作用域聲明箭頭函數(shù)，則this值為 window 對象。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“ES5中箭頭函數(shù)是什么”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!